网页设计师更需要注意页面的阅读性和可操作性

网页制作Webjx文章简介:设计师的作用不仅仅是使页面看上去美观、吸引用户的眼球,更需要注意页面的阅读性、可操作性等,要为扫描而设计。

当我们设计一个页面或者一个banner的时候,往往挖空心思去想创意,或者把效果做得很炫,却忽略了一些用户习惯。我这里所说的只是一些大家都知道,却往往容易忽略的——为扫描而设计.

用户善于扫描,且勤于扫描。WHY?

1.忙碌——大部分用户会花极少的时间来阅读极多的页面,为了提高效率,他们对于大部分的页面会采取扫描的方式,匆匆掠过。他们不可能也没有时间去阅读互联网带给他们的所有信息。

2.目标明确——大部分用户在某一时间内都是带着目标去浏览页面的,他们要么想查找一下资料,要么想网购一份商品,要么想阅读一下时事,要么想找一下自己感兴趣的东西,要么…因此,扫描才是找到他们想要的内容的方式。

3.习惯——也正是因为用户总是忙碌的、用户总是目标明确的,在报纸上,在杂志上,在书籍中,在互联网上,用户总是习惯着扫描,习惯着寻找他们想要的和感兴趣的。

因此,为了设计更有效的页面,我们需要为扫描而设计,接下来,需要了解以扫描为基础的设计需要的一些要素。

   

我这里主要讲的是前面2点

1.建立清楚的视觉层次 

用户每天都会对视觉层次进行分解,筛选出需要的东西,这样迫使用户不断去思考。好的视觉层次通过预先处理,用一种用户能快速理解的方式对页面进行组织并区分优先级,从而减少了用户的工作。假如一个页面没有清楚的视觉层次,所有内容都看起来一样重要,势必会降低用户扫描速度。

那么,怎样建立清楚的视觉层次?

a.越重要的部分越突出

例如

这个页面最重要的banner、导航、登陆框、头图以及按钮设计师会刻意让他们凸显出来。一般利用大小对比、色彩反差、质感、线条或形状辅助等这些方式,使重要的内容突出来,一般采用多种形式,根据内容重要程度进行划分。

以下的页面也是如此。

b.逻辑上相关的部分,视觉上也相关

相近的内容形成一组,放在同一个标题下,采用统一的视觉样式,或者统一放置在一个明确定义的区域内。例如:

c.逻辑上包含的部分,视觉上也包含 

例如:“图片中心”下面的几块内容之所以看上去是属于它的,是因为从视觉上看就是包含的关系、主栏目条和下面的小标题栏相比,有明显的主次关系。

2.明显标识可以点击的区域

明显标识的目的也是为了用户扫描,试想用户在浏览页面的时候,错过了我们为他精心准备的大餐,那是多么遗憾的事情。网站的点击率也不会高,一个清晰可见的点击区域是很重要的。在网页上,我们知道按钮、带下划线的文字、蓝色字、带图标的文字这些都是可以点击的。一般灰色说明性文字、正文是不可点击的。但有时设计师过分注意页面的美观性,而忽视了这些地方。

例如:当我们看到第1、2种情况,我们会思考,这些字母是可以点击的吗?可能会尝试着点击一下,可能就会忽略这些操作。当我们看到第3、4种情况,我们会毫不犹豫的去点击使用。设计师忽略的这些看上去不起眼的小细节,可能影响到用户的操作,甚至可能导致网站的回访率减少。

总之,设计师的作用不仅仅是使页面看上去美观、吸引用户的眼球,更需要注意页面的阅读性、可操作性等,要为扫描而设计。

时间: 2024-08-04 03:19:52

网页设计师更需要注意页面的阅读性和可操作性的相关文章

网页设计师也该关注页面性能

一名http://www.aliyun.com/zixun/aggregation/7007.html">网页设计师在做具体设计的时候应该考虑的问题有哪些?业务,产品,信息结构,交互,视觉--别忘了还有页面性能.我所崇尚的其实一直都是小作坊似的创业团队协作开发模式,大伙儿能快速沟通,就算设计师没关注到页面性能这一点,前端同学也能迅速提醒他,因为他俩就无时无刻不在一起.而现在在标准项目流程中,大家的沟通成本成倍增加了,除非是与世隔绝的闭关(就算是闭关,前端同学多半也在陪着开发),前端同学很难

5个让网页设计师更有价值的方法

曾经作为独立的设计师工作过,深刻体验过国内设计行业市场的种种恶劣环境,低价竞争,套模板欺骗客户,抄袭现象,欺负客户不明真相等现象,真是深恶 痛绝,在这样的恶劣环境下,设计师们怎么会有好作品的出现?恰巧看到篇<5 Ways to Add Value to Your Work as a Web Designer>,正是讲的是此情况,所以特地将里面的5个方法直接提取过来,希望同行们能够互勉.若能体会原汁原味请点击下面查看原文. 1. 停止恶劣的价格竞争 Stop Racing to the Bott

网页设计师学习网页设计的经验和技巧

随着公司影响力的壮大和产品的不断提升,相关的形象设计要逐步跟得上,需要逐渐提升,所以就招一个应届生网页设计师,算是一块成长.应届生有拼劲.肯学,但也好高骛远,起点都差不多,如何培养网页设计师就变得至关重要了.总结自己接触和学习设计的一点经验与大家分享,希望得到大家更多的建议. 一.配色 其实对色彩的感觉是设计师应具备的最基本素质,其作品不管是对网页界面.系统界面.还是产品包装等等都有广泛应用.基本的一些理论,什么冷暖色.对比色/补色.色彩心理.搭配原则等等,满大街都是,有意者随便搜一两篇看看就行

10大你不该做自由网页设计师的理由

大家垂涎于成为自由网页设计师的理由有成千上万个,其中三大主要的即是经济自由,创作自由,以及你可以在任何你喜欢的地方工作.但是,我现在要告诉你,为什么这是一个坏主意.你也许有成百上千的理由讨厌你目前的工作.也许,你偶尔打电话请病假,仅仅是想多多休息一天,而并不在乎这一天的工资.又或许,你从两周前就一直推拖着朋友的邀请?小而简单的理由也会有重大的影响. 我可以列举100个你为什么不该做自由网页设计师的理由,但是不会有人愿意阅读这样的列表,对吧?所以,我就在这里列举为几个较为热门的理由.至少,是目前比

资深的网页设计师主要优势还是在于细心

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 很多的网页设计师在工作了几年后,感觉自己在技术上已经十分完美,在工作上也表现出了兢兢业业的态度,可是设计出的作品很难打动同仁和客户,缺乏艺 术上的魅力和完全贯彻客户思路的执行力,这导致他们很少有机会被考虑升职或加薪,并不被视为"资深设计师",这是什么原因呢?实际上,他们离"资深"设计 师的距离只有一步之

5元素让页面文字阅读更舒适

  上网在线阅读,是大多人获取信息的重要途径.用户会在网上阅读到大量的新闻及各类文章,特别是网络小说,这些页面展示的主体就是通篇大段的文字.对于这种看似简单的文字堆砌的页面,有没有人抱怨过:"这样的页面还需要出效果图啊?"作为网页设计师的你是怎样处理这样的界面的? 是习惯性的使用宋体字或者微软雅黑? 是直接设为12px或者14px的字号? 你有想过为什么要使用这种字体.字号吗?你有考虑过文字排布与阅读效率的关系吗? 你的页面背景会影响到用户的浏览舒适度吗? 让我们从以下5个元素具体分析

把握5元素,让页面文字阅读更舒适

上网在线阅读,是大多人获取信息的重要途径.用户会在网上阅读到大量的新闻及各类文章,特别是网络 小说,这些页面展示的主体就是通篇大段的文字.对于这种看似简单的文字堆砌的页面,有没有人抱怨过:" 这样的页面还需要出效果图啊?"作为网页设计师的你是怎样处理这样的界面的? 是习惯性的使用宋体字 或者微软雅黑?是直接设为12px或者14px的字号?你有想过为什么要使用这种字体.字号吗?你有考虑过文字 排布与阅读效率的关系吗?你的页面背景会影响到用户的浏览舒适度吗? 让我们从以下5个元素具体分析.

网站设计:把握5元素,让页面文字阅读更舒适

中介交易 SEO诊断 淘宝客 云主机 技术大厅 上网在线阅读,是大多人获取信息的重要途径.用户会在网上阅读到大量的新闻及各类文章,特别是网络小说,这些页面展示的主体就是通篇大段的文字.对于这种看似简单的文字堆砌的页面,有没有人抱怨过:"这样的页面还需要出效果图啊?"作为网页设计师的你是怎样处理这样的界面的? 是习惯性的使用宋体字或者微软雅黑? 是直接设为12px或者14px的字号? 你有想过为什么要使用这种字体.字号吗? 你有考虑过文字排布与阅读效率的关系吗? 你的页面背景会影响到用户

网页设计师页面设计过程中也要注意页面性能

一名网页设计师在做具体设计的时候应该考虑的问题有哪些?业务,产品,信息结构,交互,视觉--别忘了还有页面性能.我所崇尚的其实一直都是小作坊似的创业团队协作开发模式,大伙儿能快速沟通,就算设计师没关注到页面性能这一点,前端同学也能迅速提醒他,因为他俩就无时无刻不在一起.而现在在标准项目流程中,大家的沟通成本成倍增加了,除非是与世隔绝的闭关(就算是闭关,前端同学多半也在陪着开发),前端同学很难在页面设计过程中就和设计师沟通页面性能的问题. 页面性能不仅仅是前端同学的问题 页面性能的重要性不再赘述,就