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

一、设计网站要对话格的设计原则

先前有与各位分享过，对话格的造型很多，不过特殊造型的对话格大多用于印刷品为主，例如传单或是漫画等，网页设计来说，最大宗的还是方形与原型的对话格为主。

方形对话格有两大设计要点：留白的空间，以及圆角的设计，这两个设计可以影响对话框的视觉成败。



设计网站要适度留白

如同文章的断行，一个方形对话格的上方与下方必须留下适当的空间，让视觉看起来较不拥挤。

不同的网页设计诉求有不同的留白方法，例如内容型网站、购物网站留白的需求较小，但企业官网可能需要较大的留白。
设计网站要适度圆角

圆角是为了让对话格的造型看起来较为生动的一种设计技巧，使用与否可以由设计师自由发挥决定。

一般网站设计业界的标准圆角设定为5px~20px之间，过小看不出圆角的造型，过大圆角看起来占用视觉，比较不建议使用。

对话格内若还有其他对话格，圆角的角度需等于或小于外围的圆角。
圆形对话格设计要点

圆形的对话受到了形状限制，无法输出太多文字，只有文字较少的重要的资讯，才会使用到圆形的对话格。

举例来说：限时活动、特价通知、老客户活动、重要通知都很适合圆形的对话格设计。

二、线框怎么设计才好？

1.对话格的颜色搭配
线框的设计若网页的颜色与对话格不同，那么线框可有可无。

如果想要强调视觉设计的效果，线框也不要使用强烈对比的颜色，视觉会落在对话格而不是落在文字上，讯息会被忽视。

对话格的线条对比度不应该强过主体，这样会使得线条受到高度强调，主题反而受到忽略，


2.网站设计文字的颜色
文字的颜色应用是重点，而这个重点其实只有一个，那就是文字颜色与对话格必须有显著反差，这样就行了。

至于反差强有强的优点，弱有弱的优点，相信大部分的设计师早已经驾轻就熟，不过仍有时候会失手将颜色错置成不好得搭配方式，仍需提醒自己不要犯错。

对话格的颜色限制 大部分的网页设计师正在控制网站的颜色呈现，对话格也是如此，即使是为了要呈现差异，也不宜使用超过包括三种以上的颜色于对话格内。