网页制作公司支招网页设计技巧:如何让画面更丰富

Post 8 of 886

任何一个新手设计师,刚开始接触设计时都会遇到一些设计雷区。尤其是做视觉决策时,总是不知道该怎样让网页设计再提升一个层次,让画面看起来更丰富。

网页制作公司支招网页设计技巧:如何让画面更丰富

· 利用字体颜色和粗细体现

很多设计师在排版时,总喜欢过分依赖字体大小来区分层级关系,但这样子往往会导致画面效果并不突出。

网页制作公司支招网页设计技巧:如何让画面更丰富

改变网页设计的字体颜色和粗细,避免元素看起来太过相似。增强字体间的对比关系,让它们看起来截然不同,用户才能更快地获取到重要信息。

· 减少使用线框

虽然线框是区分区域的好方法,但它不是唯一方法,使用太多线框还会让网页设计显得繁琐、复杂。

其实想区分区域,还有很多方法的,例如:

1) 使用阴影

网页制作公司支招网页设计技巧:如何让画面更丰富

阴影效果可以很好地概括区域元素,看起来更精致,同时不会分散网页重要信息的注意度。

2) 使用不同背景颜色

网页制作公司支招网页设计技巧:如何让画面更丰富

只需要为相邻区域提供不同的背景颜色,便可轻松区分它们。

3) 使用留白

网页制作公司支招网页设计技巧:如何让画面更丰富

把不同内容类型的区域距离拉得更开,不仅能很好地区分区域,还能让每个模块区域看起来更具有亲密性。

· 边框加颜色

感觉画面设计中的元素平淡无奇,给某些元素增加颜色,例如边框加一点颜色,看起来会变得生动许多。

网页制作公司支招网页设计技巧:如何让画面更丰富

· 图片不要太笨拙

把笨重的大图标缩小尺寸,尝试给图标加底色,让图标看起来大一些,同时让原本单调的图标变得更加丰富精致。

网页制作公司支招网页设计技巧:如何让画面更丰富

在一些常用的界面设计中,尽量让图标看起来小一点,颜色统一一点,最好是不要用颜色,因为有颜色的图标会影响用户的判断。

· 不需要每个按钮加颜色

控件设计是网页设计一个非常重要的部分,当需要激发用户的点击欲,可以将希望用户操作的按钮高亮起来,不希望用户操作的弱化下去即可,这就需要对按钮进行层级结构。

网页制作公司支招网页设计技巧:如何让画面更丰富

最希望用户按的:高亮,应该与背景形成强烈的对比度。

次重要的:应该设计清楚,但不需要突出,使用轮廓样式较低对比度的背景色色更好的选择。

三级控件:应该是可以让用户控件,但并不需要引人注目。

· 垂直阴影

做卡片设计时,使用淡淡的投影垂直偏移,能让画面看起来更自然,因为这样就像模拟了一个真实光效。

网页制作公司支招网页设计技巧:如何让画面更丰富

从上面的照射下来的效果,就像太阳从顶上照下来,使效果更真实自然。

· 不要将灰色字体放在彩色背景上

灰色字体放在白色背景上,效果还真的挺不错的。但如果把灰色字体放在彩色背景上,视觉感官上会少些亮眼的颜色,显得画面不干净,感觉有点脏,结果不尽人意。

使用彩色背景时,如何字体和背景更协调:

1. 降低白色字体的不透明度

网页制作公司支招网页设计技巧:如何让画面更丰富

把白色字体的不透明度降低,稍微让彩色背景渗透到白色字体中,能让文字看起来与背景更协调。

2. 挑选被背景颜色更亮眼的字体颜色

网页制作公司支招网页设计技巧:如何让画面更丰富

背景有淡淡的搭配元素时,降低白色文字不透明度,会使文本显得苍白无力。尝试将文本颜色改成与背景色相同的颜色,然后调整文字的饱和度与明度。

当然,学设计是一个持之以恒的事情,除了掌握一些网页设计技巧外,多练多看多想,才是学习设计最有效的方法。

This article was written by admin

MENU
網頁設計公司