400-777-2209

如何提高网页设计的功力等美感、排版呢?

时间:2020-10-22

一个作品超过百分之九十的部分都由颜色填充,所以我们设计的时候,颜色的使用需要慎重再三。网页设计除了排版、交互,背景图片、颜色同样重要,网页配色不仅体现网站的审美与性格,还直接关系到用户的直观感受,当我们不喜欢一种配色方案的时候,我们可能不会在这个网站上停留太久。

  1.内容激发灵感

  Fabrique

  当你举棋不定的时候,可以在你的内容中寻找配色灵感。这个Fabrique创作给Van Gogh Museum的网站使用了炫目的、纹理感的颜色,这也是他的作品广为人知的特点。通过搭配使用温暖的黄色、丰富的绿色和冷感的蓝色,得到了一个简单、灵活而又有意义的配色方案。

  2.有趣且专业

  Mark Dearman

  这个来自Mark Dearman的干净明亮的配色方案完美结合了暖色调和干净的湖蓝色背景,创造了一种专业的又极受欢迎的配色方案。试一试通过使用高对比度色来营造干净的效果的配色方案吧。

  3.柔和色调

  The Martin Agency

  这个The Martin Agency设计的网站使用了柔和色调和白色调和尖锐的黑白色对比,营造了一种令人震撼的碰撞感。极简和优雅,这个配色方案比起精致复杂的那些更容易上手。

  4.现代且干净

  Benedict Leicht

  Benedict Leicht这个尖锐而具有现代感的例子使用了不同种橘色和蓝色的色调来创作出一种有趣且激情的配色方式。当你使用明亮的颜色的时候,试着和一些比较中性的白色或者亮灰色来中和,就好像这个例子一样,可以让东西都变得有趣又不会显得气势汹汹。

  5.霓虹灯色调和强烈对

  Play.agency

  Play.agency的这个网站大胆使用了强烈对比的配色方案,结合了强烈的黑色背景和突出的霓虹的色调。通过对比黑色和紫色、蓝色、粉色,你可以简单创造出一种令人印象深刻的效果。

  6.柔和的极简派

  Inga Gudoniene / MIOS

  这个Inga Gudoniene / MIOS配合了柔和的、低饱和度的颜色来创造出优雅感。你可以通过选择酷炫的、低饱和度色调的图片,配合优雅的灰色来获得这种永恒和优雅感。

  7.温暖而恍惚

  Lush Digital

  想要美妙地配合温暖和冷酷的颜色来创造出与众不同的氛围吧?看看Lush Digital’s的书吧——把炫目的红色和蓝色与暗系的靛蓝和紫色配合起来,营造出一种恍惚的效果。

  8.干净而明亮

  Departika 多亏了柔软的蓝色、灰色和白色,让Departika的这个配色方案显得干净而严肃。但是,通过混合充满活力特征的红色来吸引观众注意力,强调焦点。用强而有力的颜色打破你的柔软优雅的颜色来形成美妙的对比吧!

  9.暖色调

  Studio Recode

  这个Studio Recode的例子同样也保持干净和极简的风格,但是用了更温暖的触感。通过使用暖色调,亮棕色作为背景,通过图片和文字来平衡这种暖色调,这个配色方案让东西显得温暖又干净。

  10.尖锐而现代

  Frost Festival

  一个形成你网站品牌的好方法就是采用凸显焦点的配色方法,就好像这个Frost Festival的例子做的一样。通过使用令人印象深刻的蓝绿色来作为焦点颜色,用零散的弱橘色、灰色和薄荷色作为补充,这个配色方法让整个页面保持清新、现代和简单。

  11.冷感vs.暖感

  Akaru

  通过把暖色调和冷色调结合,你可以简单地解锁一个强而有力的配色方式。这个Akaru的例子把暖感的橘黄色和冷感的金属灰、青铜色结合起来,营造出了勇敢的、充满活力的效果。

  12.漂亮的彩粉

  B/C Designers

  彩粉色不单单只适用于护士间的墙面:这个B/C Designers的网站使用了干净、明亮的彩粉粉色、蓝色和橘色,创造出有趣、明亮和诱人的配色。这种配色方法使用了相当大的白色部分中和,以保持画面整体新鲜和明亮。

  13.刚劲且强力

  Magoz

  如果水彩色不是很适合你的胃口的话,考虑看起来明亮、有力、古老的颜色吧,就好像Magoz这个例子一样。尽管这个例子一次性使用了许多颜色,它仍然妥善有序地结合,保持暖感的一致性。

  14.色彩和色调

  Romain Bouchereau and Vincent Fréman

  增加配色的维度并且保持极简的一个好方法是,使用同一颜色的不同色调。这个Romain Bouchereau 和 Vincent Fréman的干净优雅的页面正是使用了同一中性桃色轻微不同的色调来强调焦点。

  15.飞溅的颜色

  Magnium Themes

  这个 Magnium Themes 的例子注入一对明亮的爆炸颜色,营造出一种有趣且圆滑的效果。蓝色、橘色、黄色和灰色背景对比,创造了专业又不失活泼的效果。

  16.优雅又精致

  Julian Damy

  我们都觉得黑色和白色是最精致的颜色,但是看看这个 Julian Damy的设计案例,通过使用深蓝色和精致的金色来达到精致的效果。这种配色方法是漂亮且永恒的。

  17.夏季灵感

  StrADegy Advertising

  当我们想到关于夏天的设计的时候,总是联想到红色和橘色,但是看看这个StrADegy Advertising网站,尝试使用珊瑚色、蓝色和棕褐色来捕捉这个季节的温暖。这是一个简单、朴素和容易使用的夏季灵感的配色方法。

  18.专业且现代

  Avondale Type Co.

  又有超专业感但是又不会无聊老旧的配色方法是什么?看看这个曾经在Avondale Type Co上使用的例子吧。灰色、深海军色和振奋人心的明亮黄色调配合,创作出尖锐而又单调现代的布局,真是专业又新鲜的好设计。

  19.醒目的黑色和亮点

  Cantina dei Colli Ripani

  如果你所在的市场需要更加突出的、潮流的设计,尝试配合醒目的黑白色和一些醒目的颜色吧,就像这个Cantina dei Colli Ripani的例子一样。亮色和黑色的对比营造出了有力、刚劲和有趣的效果。

  标签:网页设计?


相关文章

在线
客服

在线客服服务时间:9:00-24:00

选择下列产品马上在线沟通:

客服
热线


7*24小时客服服务热线

关注
微信

关注官方微信
顶部
定制建设
CUSTOM WEBSITE
百优 · 广州
  • 咨询热线:020-32372803
  • 手机:13728030163
  • 咨询QQ:9669980
  • 广州分公司:广州市增城区新塘镇广深大道东161号东华时代大厦(广侨时代)1栋5层02单元
客户案例
Customer case
百优 · 深圳
  • 咨询热线:0755-27392252
  • 商务部:2455848634@qq.com
  • 咨询QQ:151621396
  • 总部:深圳市宝安区福永大道66号谷威大厦10楼
  • 备案号:粤ICP备19109805号-1
关于百优
About VANCHEER
团队成员均有在大型互联网工作经验。我们是追求品质与力求不断超越自己的团队,我们尊重每次合作的机会与挑战力求完美。团队成员 的技能包括:移动界面设计、企业网站设计、产品网站设计, PC及其他终端软件界面设计,图标设计,管理系统界面设计,电视及多媒体界面设计,LOGO及VI体 系设计前端开发、程序开发等。
  • 扫一扫关注公众号

  • 扫一扫进入小程序