2016-09-05 分类: 网站制作
对于非专业的设计人员而言,在遇到需要做到设计决策的时候往往都会比较迷茫,我们不是一个专业的艺术家,要想得到优秀的设计界面,合理的运用设计技巧也能够得到比较理想的网页设计页面。下面就对几点小的设计技巧做一个总结。
层次结构:
较好的层次结构往往能够突出主题,在设计层面上,视觉效果也会更加清晰明了。层次结构突出可以使用色彩、字体大小、字重、留白等增加层次感。层次感的营造往往不能单纯的依赖于某一种技巧,多种小技巧的结合,才能使得内容排版更为美观。
在有色背景上不要添加灰色文本
灰色文本通常作为网页正文的颜色,在白色背景下,灰色文本代替黑色文本能够很好的淡化其视觉效果。而在彩色背景下,往往不能达到想要的效果。
在彩色背景下如何降低对比度的效果?
我们建议有色背景下通用模式是采用白色字体,或者根据背景色来调整文本颜色。通过改变背景色的透明度来降低对比度是比较好的技巧。
尽量少用边框
边框的使用使得网页模块更为清晰,但是大多数情况边框都会降低一定的网页设计美感。
1. 使用box shadow,不但能够增加设计美感,而且也营造了网页元素之间的边界感。
2. 使用模块之间的留白,留白使得页面内容清爽,结构层次更为清晰。
3. 相邻模块使用不同的背景色,不仅界线分明,视觉设计上也更为美观。
并非每个按钮都需要颜色
一个页面使用的颜色过于多样化,容易让人产生视觉疲劳,显得低俗。网页个别按钮采用白色背景色,视觉效果也许会更加简单大方。
在设计按钮交互的时候,通过色彩来呈现交互的重要性是很重要的设计环节。
1. 主要操作应该很明显。采用实色、高对比度的按钮是很有必要的。
2. 次要操作应该明显,但是不突出,采用幽灵按钮或者和背景对比度较低的色彩是比较合理
3. 三级操作应该是可被发现,但是不明显的,他们最好被设计为链接。
新闻标题:网站制作设计技巧,改善网页视觉效果提升高级感
标题路径:https://www.cdcxhl.com/news15/43565.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站设计、网站制作等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容