网页设计最需要注意的三个小细节

AD:

20150712-2

对现在的初学者来说网页设计的入门是越来越简单,网路上随便搜寻就有许多的教学或免费工具,但也因为这些太速成的便利性让一些初学者忽略了设计上的小细节;这些细节虽然对于平常人来说是完全无感,可是对一些特殊族群来说却是非常重要的。

连结文字一定要用蓝色

很多设计者喜欢帮自己网站内的连结改成其他的颜色,大部分的读者看到不同颜色的文字会滑过去看看是否有连结,但是当一个文章里面有太多颜色的时候,反而会让读者觉得每一个有颜色的字似乎都只是装饰作用而已,建议应该要帮有连结效果的字加上底线,以方便读者辨别是否有连结效果。

也许有人会问为什么网页的连结文字都是蓝色?为什么不是红橙黄绿其他颜色?因为对色盲来说红色或绿色等颜色容易造成混淆,但蓝色比较不会有这样的问题;红色或绿色虽然醒目,却不如蓝色能让几乎每个人都可以看到。

脸书创办人祖克伯其实也是红绿色盲,他在2010年接受《纽约客》杂志访问时曾告诉记者蓝色是他看得最清楚的颜色,也因此脸书商标LOGO主要颜色是蓝底白字。

在处理色盲的问题上利用颜色之外的指示会更有效,例如底线就是一个不错的设计;为了美观拿掉底线,对一般人也许影响不大,但有时候可以再试试看一些方法,尤其是把连结文字改色以后,底线的效果就更加重要了。

不要锁滑鼠的右键

锁滑鼠右键一般都是为了防止他人盗文或盗图,但这个动作只能防君子无法防小人,反而会影响到一部分使用者的正常阅读,有些读者习惯阅读文章时会边阅读文字边用滑鼠选取正在阅读的哪一行文字(阿肠本人就有这个习惯),当你锁住滑鼠右键后选取文字功能也同时被锁定了,如果你的部落格刚好是文字较多的类型,对于读者来说真的很容易迷失在茫茫字海之中。

虽然这个动作并不会影响到网站美观,也不会像连结文字一定要用蓝色般影响到色盲的族群,但是却会影响到阅读的舒适度,网站阅读的舒适度是许多设计者很容易忽视的一环,如何知道自己的文章是否符合阅读的舒适度,建议各位可以多多参考一些实体新闻或杂志所架设的网站,他们在阅读舒适度上会有比较专业的设定。

网页在不同环境下的连线速度

虽然现在的网路连线品质越来越好,但并非所有人都可以在网路满格的状态下上网,所以更该注意网站内容使用的图片尺寸、使用网页特效的多寡。

图片过大是网站塞车最大的元凶,很多人应该都碰过用手机板连线网路时,明明网站的文字都跑完了,但是图片却迟迟没有出现,通常这都是因为图片过大的关系,阿肠碰过有部落客的一篇文章光图片就超过50MB,阅读一篇文章等于是下载了一整张MP3的音乐专辑……,如果是用家用电脑看也许不太有感,但是在上下班时间的捷运车厢内,或者较偏远的网路弱势地区,那种网路读取的无力感就会很明显了。

网页特效则是造成电脑卡住的原因之一,大家应该都碰过开启某些部落格时浏览器会变得特别的卡卡,这并不是你家电脑太老旧的问题,而是网页使用的一些特效把电脑的效能吃光了,最常见的案例就是早期一些FLASH制作的网站,所以设计者在制作网站时应该考虑在美观和效能之间抓到一个平衡,如果你不是活动类型网站,请尽量以阅读为前题来设计你的网站方是上上策。

 

via阿肠

还没有任何评论,你来说两句吧

发表评论

关注我们