就要不一样！23个出人意表布局独特的优秀网页设计

编者按：找出一个从来没人用过的布局可能有难度，但是要设计出出人意表的网站还是不难的。错位的元素，少见的配色，不一样的动效与变化，都能促成一个令人难忘的优秀网页。今天的推荐，与此相关。出于种种原因，绝大多数的网站都遵循着相同的规则来设计整体的布局。用户约定俗成的习惯，硬件所限定的交互方式，可用性和易用性规则下的设计手法，它们让我们所看到的网页如此的相似。从微博到推特，从苹果官

产品 2016年06月08日

三栏布局的n种实现

本文主要讨论左右边栏固定宽度，中间栏填满其余空间的布局。至于其他类型，基本上也就是半斤和八两。每一种布局都会有个Demo，个人依然认为文章里帖代码并没有Demo来的直接。所以正文负责解释，源码参见Demo。其中讨论了这么多种（6种）布局，有以下理由：1是每种布局也都有他的毛病，没有十全十美的，每种布局也都有人在用。2是虽然有相对优秀的方案，但是不优秀的方案也有有用的东西在里

业界 2016年07月06日

css中的那些布局

因为最近心血来潮，就总结了一下css中的几种常见的多列布局。两列自适应布局两列自适应布局算是css布局里面最基础的一种布局了，不少网站在使用。这种布局通常是左侧固定，右边自适应，当然也有反过来的，道理一样，这里有好几种方法。 (张鑫旭老师的博客是左边流式布局，右边固定宽度）左浮动+margin 因为浮动会导致元素脱离文档流，所以下面的元素会占据浮动元素原来的位置。 这个时

业界 2016年07月18日

基于float的几种布局

在这里介绍基于float的几种布局.1.浮动与两侧自适应的布局如图所示，左边没有限定宽度，右边宽度自适应。使用table-cell实现的布局，可以适用于两栏的布局。HTML代码与浮动与两侧自适应的布局改变DOM树先后顺序的方法HTML代码浮动与右侧尺寸固定的流体布局与右侧尺寸固定的浮动布局与右侧尺寸固定的浮动布局与右侧尺寸固定的浮动布局与右侧尺寸固定的浮动布局与右侧尺寸固定

业界 2016年07月30日

无从下手？也许你该从这五种经典网页布局开始设计

编者按：不得不说，网页设计绝对是有套路的！网页布局虽然千变万化，但是如果你仔细观察，会发现有一些布局适用范畴相当广，经久不衰。今天的文章，我们就来聊一下5种经典的网页布局。在开始一个新的网页设计项目的时候，不知道你会不会有那么一瞬间的犹豫：“这个项目要从哪里着手呢？”伴随着这种犹豫的，是“做点前所未有的作品”的冲动。不过，很多时候，这些冲动和犹豫都在需求的磨合、设计的细化中

产品 2016年09月08日

想让网页可读性更强？你得善用 F 式布局

虽然网页排版方式千变万化，但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中，F式布局是可用性较强，且适用范围较广的一种。今天的文章同你来探讨F式布局在网页中的运用。F式布局的设计基础是用户扫视内容的时候，实现的运动轨迹和字母F相似，而布局匹配这种这种阅读方式可以让用户更快（Fast）地获取信息，因此得名为F式布局。F式布局从何而来？F式布局源于NNGroup的一项

产品 2017年04月07日

从首因效应说起，谈谈 Web 界面的三种布局

设计是为用户服务的，而不是为设计本身。社会心理学中有个概念：首因效应。解释为个体在社会认知过程中，通过“第一印象”最先输入的信息对客体以后的认知产生影响，即我们常说的，第一印象决定最终印象。在人和人的交往中，首因效应起到了重要作用，在用户与网站或者其它互联网产品的交互中，首因效应同样影响巨大。以Web端为例，对于初次浏览的网站，如果界面排列有序，颜色搭配得当，页面的重要、次

产品经理 2017年04月24日

移动端响应式 UI 布局解析

文章简要分享了移动端响应式UI的7种布局，希望能够对你的从产品工作带来一些借鉴。为什么要说响应式 UI，它能够使我们设计的元素在任何大小屏幕尺寸能够灵活适配，保证布局和体验的一致性。毫无疑问，响应 UI 设计对于现今碎片化的屏幕是非常重要的，它能使我们在最小的资源的情况下完成设计适配，它的工作原理通过断点系统来判断读取布局方式，断点其实就是媒体查询值。比如我们平时做的 Ph

产品 2017年09月05日

对齐在APP中不易被察觉的3点

对齐是设计中老生常谈的话题，大家也都很清楚对齐带来的优点。本文作者主要分享其在界面设计中窥视到的另外一层难以被察觉的3个小点，enjoy~显然对齐是任何设计中都老生常谈的一个话题，因为人们的眼睛总是喜欢看到有序的事物，它通过一条“无形的线”将部分元素连接在一起，形成了一种视觉纽带。这种边界感令视线有基准可循、不但让人在视觉上有种安稳感，更引导暗示人们其中的关联性，有助于人们

产品 2018年03月18日

对齐在APP中不易被察觉的3点

对齐是设计中老生常谈的话题，大家也都很清楚对齐带来的优点。本文作者主要分享其在界面设计中窥视到的另外一层难以被察觉的3个小点，enjoy~显然对齐是任何设计中都老生常谈的一个话题，因为人们的眼睛总是喜欢看到有序的事物，它通过一条“无形的线”将部分元素连接在一起，形成了一种视觉纽带。这种边界感令视线有基准可循、不但让人在视觉上有种安稳感，更引导暗示人们其中的关联性，有助于人们

产品 2018年03月18日