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

2017-12-02 分类：网站设计

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

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

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

网站名称：建设网站设计时要适度留白与线框怎么设计才好？
网站URL：https://www.cdcxhl.com/news7/76557.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站设计等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容