设计师版式宝典！从零开始教你掌握网格系统

网格的类型许多设计师都会在网格系统上开始一个新的设计。不同的人有不同的习惯，有人喜欢12列的网格，有人则喜欢16列网格，还有人喜欢24列的网格等等等等。重点不在于网格一共有多少种类型，而在于你实际应用的那一个！在网页设计中，网格系统是十分常见的，响应式网页设计的推广，网格的地位又得到了提升呢！我个人更喜欢12列的网格。每一列的宽度取决于最终输出的稿件应用在哪，比如打印或网页

交互体验 2014年09月22日

腾讯高手教你靠谱的布局设定方法

有一种「奇怪的」现象会经常的看到：「很多设计师没有办法清楚的跟其他人解释他们是如何设计的，越细致的地方可能越是如此。比如，这个菜单的宽度为什么是200px？250px或者190px是否可以？图片的尺寸为什么是278px*196px？如何确定网页的宽度？」软件界面的设计师除了视觉本身以外，对于设计是否可以实现、大概以何种方式实现、规范可否被理解并且复制执行、设计实现的性价比与

用户研究 2016年04月10日

window.scrollTo()函数注意点(js)

window.scrollTo(50,28)对页面进行这样的操作发现参数50不起作用，也就是x坐标。如果想让这个参数器作用，我们的页面宽度要大于浏览器的宽度。 关键字：JavaScript, llto, 参数器, 宽度

业界 2016年07月05日

css学习(持续更新中)

ch单位：该单位是以数字0位参考，width:3ch这个就表明宽度是3个数字0的宽度。 关键字：css, 宽度, width, 数字

业界 2016年07月13日

css如何搞正方形

如何搞正方形 总有需求会要有正方形的框。同时宽度是可以自适应的。 但是好像没有什么属性可以设置高度等于宽度这样的css。 在技术群问了下，大牛立马给我弄了个，http://code.w3ctech.com/detail/2208 得到了很好的启发，结合自己的实际应用，完善了下。看demo （内有分析） http://liyatang.github.io/demo/css/s

业界 2016年07月18日

一些css小问题

块级元素，引用百度百科块级元素特点：①总是在新行上开始；②高度，行高以及外边距和内边距都可控制；③宽度缺省是它的容器的100%，除非设定一个宽度。④它可以容纳内联元素和其他块元素行级元素，引用百度百科块级元素特点：①和其他元素都在一行上；②高，行高及外边距和内边距不可改变；③宽度就是它的文字或图片的宽度，不可改变④内联元素只能容纳文本或者其他内联元素（‘缺省’我也不知道是什

业界 2016年07月18日

使一个div垂直+水平居中的几种方法

前几天去一家互联网公司面试，面试官问到了这个应该算是比较简单的问题，在我自认为回答正确时，才知道这道题的答案有很多种，下面就让我们一起来探讨一下这个问题：思路1：绝对定位居中（原始版）这个是我回答出来的，也是被各位所熟知的一种方法，设外层div相对定位，内层div绝对定位，top、left分别设为50%，然后通过设置margin-top、margin-left值为宽度的负数

业界 2016年08月05日

什么样的设计标注稿更易于前端实现？

工作中我们提供的设计稿标注那么仔细，那为什么前端实现出来后，设计的小伙伴总觉得很多细节不够完美呢，不是这里大了，就是那里小了。我们提供的标注，前端的小伙伴真的一个一个看了？并且符合他们的认知么？如果真的如此，设计跟前端之前可以减少大量不必要的沟（si）通（bi）环节。以下内容针对于web设计的标注基础知识，前端专业人士与设计高手可忽略此文。设计师需要了解的几个前端概念1.盒

产品经理 2017年03月19日