26个精彩的网格布局网站欣赏

现在大量网页设计基于网格布局。虽说人们通常注意不到它，但杂乱无章的布局时代确实已经过去了，现在是整齐结构化的天下。无论从理论、美学和整齐来说，这样的布局都很好平衡。网格结构是所有现代网站的基础，它总能给最终用户完美无暇的设计。尽管通常网格设计仅仅是在规定的间隔下用没有任何多余修饰的水平线和垂直线的交叉，但很多设计师们也会用一些明显突出的几何图形来修饰网格。通常我 们会在展示

交互体验 2014年01月17日

捕捉用户的文艺神经—清明活动设计小结

清明节是中国人非常注重的传统节日之一，有关清明的专题比比皆是，如何在众多传统设计风格的活动中脱颖而出呢，这将会是一场新的挑战。强化感情诉求准确的把握节日期间的用户行为，把清明节打造为轻松的踏青氛围。塑造了踏青出游，“荡秋千，放风筝，插柳枝”四个清明民俗场景，并各自对应一个业务产品。 创新的设计风格即保持传统节日的“调性”又营造出不一样的中国风，和同期活动产品差异化，强化用户

交互体验 2014年01月20日

酷站欣赏：50款优秀的配色方案

好的网站配色可以成功获得用户和提升用户体验，本文主要介绍这50款优秀的配色方案，希望对你的感觉有用。Daniel SitekTrinity Web TechRyan KeiserWe are ImperoHitmoVolllNybble DesignsMelon FreeSkittlesBroncoReel EffectCodes Lingers ChallengeArun

交互体验 2014年01月28日

高大上的扁平化交互设计

写在前面的话：（看正文请直接跳到分割线处）[br]当写完“做好扁平化设计：视觉篇”给到各位设计师看求指点的时候。[br]大家吐槽了：有人说“只有交互扁平了，视觉才好做扁平⋯⋯”还有人说 “如果一个产品把希望寄托于视觉上，想靠视觉来表现产品的扁平化，显然是不靠谱的⋯⋯”确实是这样的，扁平化不仅仅是界面视觉扁平无立体感，更应该是交互体验的扁平化，信息架构的扁平化。在进入正题之前

交互体验 2014年01月26日

都是为了打动你——QQ电影票之iPad版

iPhone版确定地位，iPad版则是需要更多关注品牌感，建立能打动人的目标。 区分iPhone和iPad使用场景的不同，并充分利用iPad设备本身的特性，确定此项目的设计基准规则： 滑动是第一体验；娱乐高于购票需求； 由此两条准则的前提下,我们在页面做出了大量滑动性和娱乐性优先的创新。原文来自：腾讯ECD 关键字：交互体验, 视觉设计

交互体验 2014年01月26日

图标字体化浅谈

在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题，经过实践发现了一种比较好的解决方案，图标字体化。在微社区项目中，有很多小的Icon（图 标），如分享、回复、赞、返回、话题、访问、箭头等，这些Icon（图标）一般都是纯色的。开始制作时考虑用双倍大小的Sprite图，通过CSS样式设 置只显示二分之一尺寸，这样在Retina屏上显示的大小是正常的，一

交互体验 2014年01月29日

漂亮的视差效果，值得你用性能来换取吗？

关于视差效果性能表现的小话题；弱问，各位见过的使用视差技术的Web页面里，有多少能让你觉得清晰顺畅的感受不到任何负面体验？我印象里真的没几个，包括Medium里的；不知为什么，这些页面总让我觉得没有安全感。本文篇幅虽短，但主旨很清晰——针对产品主要用户群体的特征来选择最合适的设计方案，别瞎跟风。这里进入译文。我(英文原文作者)最近在ThemeForest(模板站)逛了逛，发

交互体验 2014年02月11日

从功能、结构、操作到控件，阐述信息可视化的四层阶梯

思考来源每一天，人们都淹没在信息的海洋中。用户在主动获取和被动接受过程中，都始终避免不开一个“效率”的诉求。在这信息海洋，用户目前面对了什么样的困境呢？1 一些设计细节的 “隐藏式”、“折叠式”、“渐进式”设计消耗了用户的快速认知诉求；[br]2 偏于复杂和庞大的功能，给界面呈现带来了负担，加重了用户操作映射的错乱，让用户理解也模棱两可；[br]3 设计过多的操作点击，用户

产品设计 2014年02月18日

让页面更上档次！网页设计细节大总结

大家都知道”细节决定成败”这句名言不仅在其他行业非常重要，而在页面设计当中更是颠扑不破的真理。需求的眼睛和感觉总是非常敏锐的，对于一个页面没有得到需求方的认可，但是他们又说不出什么理由，这个时候就是细节问题了。一个页面的细节到位才能充分体现出页面的品质。一个优秀的作品与卓越的作品相比差距就在于细节的把控。那我们具体该如果做好细节呢？ 下面简单介绍一下。字符字符是页面中不可缺

交互体验 2014年02月15日

关于注册登录的设计原则之三：不要扔下你的新用户不管

对新用户的引导，不应在用户注册之后便结束。将新用户丢弃在一个陌生的页面，并且没有任何的提示，会让他们觉得不知所措。相反的，比较合适的做法是用一个欢迎信息和隐晦或明确的引导来告知用户他们接下来能做的事情。3.1 高亮区域用淡黄色来标亮一个模块或一个模块的一部分用于…将用户的注意力吸引到欢迎信息和/或建议去做的事情注意事项高亮在视觉上会引起人的反感（这同样也是他们能引起注意的原

交互体验 2014年02月24日