建设网站设计时要适度留白与线框怎么设计才好?

一、设计网站要对话格的设计原则
先前有与各位分享过,对话格的造型很多,不过特殊造型的对话格大多用于印刷品为主,例如传单或是漫画等,网页设计来说,最大宗的还是方形与原型的对话格为主。
方形对话格有两大设计要点:留白的空间,以及圆角的设计,这两个设计可以影响对话框的视觉成败。

设计网站要适度留白
如同文章的断行,一个方形对话格的上方与下方必须留下适当的空间,让视觉看起来较不拥挤。
不同的网页设计诉求有不同的留白方法,例如内容型网站、购物网站留白的需求较小,但企业官网可能需要较大的留白。
设计网站要适度圆角
圆角是为了让对话格的造型看起来较为生动的一种设计技巧,使用与否可以由设计师自由发挥决定。
一般网站设计业界的标准圆角设定为5px~20px之间,过小看不出圆角的造型,过大圆角看起来占用视觉,比较不建议使用。
对话格内若还有其他对话格,圆角的角度需等于或小于外围的圆角。
圆形对话格设计要点
圆形的对话受到了形状限制,无法输出太多文字,只有文字较少的重要的资讯,才会使用到圆形的对话格。
举例来说:限时活动、特价通知、老客户活动、重要通知都很适合圆形的对话格设计。
二、线框怎么设计才好?
1.对话格的颜色搭配
线框的设计若网页的颜色与对话格不同,那么线框可有可无。
如果想要强调视觉设计的效果,线框也不要使用强烈对比的颜色,视觉会落在对话格而不是落在文字上,讯息会被忽视。
对话格的线条对比度不应该强过主体,这样会使得线条受到高度强调,主题反而受到忽略,

2.网站设计文字的颜色
文字的颜色应用是重点,而这个重点其实只有一个,那就是文字颜色与对话格必须有显著反差,这样就行了。
至于反差强有强的优点,弱有弱的优点,相信大部分的设计师早已经驾轻就熟,不过仍有时候会失手将颜色错置成不好得搭配方式,仍需提醒自己不要犯错。
对话格的颜色限制 大部分的网页设计师正在控制网站的颜色呈现,对话格也是如此,即使是为了要呈现差异,也不宜使用超过包括三种以上的颜色于对话格内。


文章题目:建设网站设计时要适度留白与线框怎么设计才好?
文章源于:http://cdiso.cn/view/76557.html

其他资讯