HeadFirst Web设计之重点祥记2

来源:互联网 发布:vb下拉列表框怎么设置 编辑:程序博客网 时间:2024/06/01 10:10
网站写作
网站上阅读比纸上阅读慢15%左右,因此必须使得网页上的文字内容具有很好的可扫读性。首先::改善内容的倒金字塔法:先写出简短的结论,再加入细节信息!把最重要的部分放在顶端,依次按重要性往下排列;其次::压缩文案,倒金字塔的每个部分都需要或多或少的精简,完成后请重读(再三阅读);第三::可以把具有可扫读性的内容(以及具有明显分块,分层次的内容)以列表形式展示出来;

使用标题来增强可扫读性并且可以使用户更快的获取信息,在这里,字体的类型也相当重要,如san-serif表示无衬线字体,具有屏幕阅读友好性,而serif属于衬线字体,具有印刷体的风格,但是当字体较小时就会比较模糊不易阅读,因此要注意区别,同时,标题的重要性以层次(h1...h6)而非尺寸来表示!

可访问性
对于残障人士而言,网页意味着听到的东西而非看到的东西,他们是使用屏幕阅读器的人!所以在网页中,各种块、信息顺序很重要,图片也必须有alt属性来简洁的说明所展示的东西(如果描述比较长,可以将alt转换为longdesc,这样就可以让读者自行选择是否要听到详细的描述,即<img src="..." alt="a cute yellow cat" longdesc="description.html" />)。除此之外,还有一类手部运动不佳的人,他们对鼠标的使用比较困难,只能利用键盘,因此使用tab键来移动的顺序就尤为重要!同样,我们可以添加属性来帮助浏览网页,可以各个网页标记里按顺序加上属性tabindex="1"....tableindex="n"或者给标记和相关信息都排好顺序。(参考WCAG方针)
对于有颜色识别障碍的用户而言,色彩的使用需要谨慎。比如某种评分等级按颜色填充星形,表现一个温度计色度,这就会对用户产生影响。对于这种情况,我们可以在旁边加上说明。

和谐设计之道
在设计的任何时间都可以通过可用性测试来反馈网站,用户测试,问卷调查,焦点小组等均可用来测试网站。有一种网站解析工具可以帮助我们记录网站访问网站流量信息等。这类工具常见的有Mint,Google Analytics等。
会演变的设计
网站的设计在于演变,而非革命!用户是无法接受频繁的更换和巨大的变动的!再做细微变动(变圆角,变字体,变颜色深浅...)的时候,如果加入一些特效就更好了,比如,结合javascript的知识!如果不太了解javascript可以利用其函数库(函数库是预先编写好的javascript函数和控制项,可以放在我们的服务器目录里并从标记中调用,最好的选择有Dojo,Script.aculo.us,Mootools,Prototype,JQuery)。

除了在网站外观上花心思,我们还可以在内容上加些新东西来保持用户访问率,加入博客(确保定期写文章更新图片等)~同样的,我们可以用wordpress加入博客功能!wordpress是一个开源软件,只需要PHP和MySQL即可运作,下载后有向导指示你如何安装和使用,记得更改并记住注册时的用户名和密码。
web设计这一行
懂的维权和不要侵权。

更多设计工具:Pencil是针对分镜表,界面原型和设计图的创建而设计。WriteMaps是建立信息架构的网络应用程序,而且还能与其他人共享或合作编辑IA图。

0 0
原创粉丝点击