飞网设计:山西互联网营销策划推广中心 电话咨询 133-1343-5212 |
当前位置:本站新闻 |
印刷设计中体会:在网站设计怎么做到让用户保持专注 |
时间:2009/5/28 3:21:02 浏览量:3918 |
让读者保持专注 印刷设计专注于易读性,网页上也是如此:只是把“读者”换成“用户”而已。 目标应当是清晰的表达,并且让人能够轻松纵览整个设计。我们来看几个从印刷设计沿用过来的概念。 排版 就像报纸,用户不会阅读网站上的每个字——至少一开始不会。正如免费电子书《为人眼进行网页UI设计》里面描述的,扫视页面是用户的标准行为。 为扫视而设计时,有两种模式需要考虑。首先是F模式。
F模式排版:Creative Bloq的主页 F模式反映了用户最通常的扫视页面的方式。他们的视线从上面开始横向移动,然后沿着左边垂直移动,寻找突出的文字。 一旦找到激起他们兴趣的内容,他们又会开始横向浏览页面。 还有Z模式:
Z模式布局:MailChimp的主页 Z模式也是一种自然的浏览模式,通常用于报纸,网页上也是如此。用户在页面顶部水平浏览,然后向左下移动,在页面的下一行再次进行水平移动搜寻。 文字 和印刷一样,网页文字也应该有清晰的层次。选择适合的字号,有助于关键词在页面上突出,让用户更轻松的浏览页面。
清晰的文字层次:World Baking Day网站 我们来看看文字层次中一些常见的层级: 主要:页面上最显著的文字更大更闪耀,吸引用户的注意力。通常用于标题与装饰。 次要:介于中间的所有内容。不像标题那么显著,但要在页面的常规文字中突出显示。 再次:主要内容所选的文字。文字层次中的这一级,有助于使用户沉浸在正文中。 其他:更小的一级,使用斜体、粗体、下划线、不同颜色等等。 配合运用,建立文字的层次,可以创造出秩序,防止用户迷失其中。 要测试你页面的易读性,可以使用“3秒原则”:简略地浏览页面,然后看向别处。其中突出的内容有没有反映出你设计意图?如果是的,那你方向正确,继续保持;如果不是,则需要打回重新设计——可能确实如此。 |
公司地址:山西省太原市长风西街62号 |
QQ:94589848 电话:133-1343-5212 |
晋ICP备08001781号 |