我们都爱——干净的有组织的页面
一个好的网站,可以容纳很多内容信息设计,当每次我们尝试向用户展示一个干净的,所有的信息组织架构都完美化的,都是在努力的为用户创造良好的使用习惯和一个愉快的体验。当用户享有了它的权力并适合于常规范围习惯,不但你会获得一些新的用户,也可能会带来一些他们的朋友。
信息及功能是一砖一瓦砌成的,以下有几个设计的原则和大家分享下:
1. 空白:内容及信息都可让用户的眼睛得到一个可呼吸的空间
2. 色块、边框及图形:分割成视觉类信息
3. 一个直观的搜索:让你的用户直接跳到他们需要的信息
4. 网格:清晰的线条和设计的刚性布局,可使所需的井然有序的设计事半功倍
5. 强大的信息层次结构:建立使用内容类型一致的设计元素
6. 视觉层次:不同的内容和要素,其中相对重要的可以在许多方面来视觉暗示,如文字处理、图像的大小和位置及饱和度等。
举几个列子:
多边形
多边形是爱好游戏者的评论网站
• 多边形的文章是长滚动,非传统的布局,打破了文本的致密体而形成的巨大模块版式,每一篇文章的内容已经被故意摆出来,而不是简单地“平铺”为了适合所有的模板尺寸而定制。
• 强大的信息层次结构,戏剧性寻找引用突出的评论的核心点。
• 可用的搜索,有一个令人印象深刻的实时搜索栏的粘在浏览器窗口顶部,使更快速深入具体查询。
康泰纳仕
康泰纳仕是许多最著名的杂志的母公司,该网站的时尚基因融合了每一个时尚的元素精华和内涵,但其巧妙和谨慎的处理,使得成为一个具有前瞻性和严格的设计网站。
• 大胆的视觉层次,冲击着眼球,美丽的内容版式区在都会突出标题来作为分隔块,使你真的不可能错过什么信息,它会让你最快速的浏览到今日最重要的新闻。
• 可定制的筛选功能,本网站明智地避免试图提供给用户所有可用的内容,在用户的手中,可自由控制,而不是强制控制用户来看我只给你看的信息。
今日美国
作为美国最大的报纸之一,版面上如何在有限的空间管理更大量的内容。
• 干净的,有组织的网格,大方,清晰的线条和本来的设计的刚性布局,保持这个网站的一个井然有序的感觉,避免了视觉感官的混乱
• 用户可调的布局,为用户提供了选择列表,可允许用户控制呈现内容及版式,使用户能够有效地选择自己喜欢的方式浏览内容
波士顿环球报
• 空白,作为新闻报纸网站,迄今为止最重要的内容是文本,故空白可确保用户有一个愉快的阅读环境
• 视觉层次,图像比文章更吸引人,视觉上更加丰富,因此图文交互混排比起没有图像的文章更容易抓人眼球
• 极简主义,整体的视觉是干净的,结构化,简约的,以突出内容为首
• 首推新闻的隐藏,在导航的每一类新闻里大头条被巧妙地隐藏在大菜单,并呈现出浮层样式,突出以交互形式来呈现,有序而不乱
因此,要记住以上原则是值得的
其实当我们更多的优先考虑,当一切都很重要,我们应该明确哪些内容是要展示在用户所需之前,什么可以隐藏。但可隐藏的信息在需要的时候又能很容易地找到。
一贯的设计,让所有的元素,在排版和间距之间,使整个网站呈现整体一致时,不仅是为用户着想,更减少未来的维护问题。
-
微信创始人张小龙首次公开演讲(官方无删减版)
微信创始人张小龙首次公开演讲(官方无删减版) -
如何通过APP看到产品战略层面
产品经理拿到一款产品的时候,不能只能看到表面信息,而是要能看到产品背后的信息。 -
基于用户的“真需求”创新产品
产品创新是保证企业在竞争激烈的市场上长久生存的关键,今天,我们就围绕产品创新和用户研究分享一些看法。 -
有一种交互设计研究验证叫“设计走查”
如何在最短的时间内对自己的产品做出检验,确保其在定位、设计、营销计划等多个环节,在可视范围内是正确的,需要一套比较科学、完善的方法去做出检测。 -
你为什么离不开微信?
张小龙说用完即走,你却爱不释手; 到底是什么让你离不开微信? -
移动互联时代APP的发展方向
现在我们已经走上了移动互联网时代,无论是企业还是公司,都会经过网络竞争中争取有利的优势,较为传统的产品竞争逐渐向互联网竞争转型,出现了很多数据云大数据等等 -
AI 时代产品经理的机遇和挑战
AI 时代产品经理的机遇和挑战 -
前1%与前10%的产品经理差距在哪?
前1%与前10%的产品经理差距在哪? -
你有哪些策略应对不断的需求变更?
你有哪些策略应对不断的需求变更? -
如何运营天猫【十亿俱乐部】商家页面?
如何运营天猫【十亿俱乐部】商家页面?