网站设计的漂亮了,比SEO还管用吧!!

吴胜平
吴胜平

发布于 2016-10-29 00:13

111 浏览
0 评论

都说日本的平面设计水平为什么这么高,看了这篇文章就明白了。最近这段时间在阅读配色方面的文章,无意间浏览到一篇小日本写的有关设计师如何配色文章。
其实,因为钓鱼岛的事情挺讨厌日本人)但是,人家文章写的非常不错!!详细的介绍:从配色调色板挑选,配色的基本要素,然后寻找灵感等等。写的非常贴切!!今天我也在设计乎网站分享一下。给想学习配色的朋友参考一下。
—————————————————完美分割线——————————————————————
配色,对于设计师来说强大的工具。引人注目,或感情震撼,有时也能传达信息。配色有多么重要吗易懂为了传达,经常被引用颜色对营销的影响那么,一些商品上,90%以上的用户配色来决定购买。这样,研究来了。
有效利用配色,设计的重要了,新的颜色组合考的很辛苦的。各自的颜色有意思,组合无限吧。

一.配色调色板挑选。
2.jpg

调色板,有时突然涌现出了灵感,也许在很多情况下,有计划性的方法了。

目的分清

首先开始前,设计的目的和概念清楚一下吧。有意义的调色板利用,好的设计必要的要素之一。

下面的问题提出自己吧。
设计通过想传达的信息是什么?。
设计的目的是什么?传达信息的东西?说服用户让人?
怎样的感情意识吗?

3.jpg

根据人的不同颜色的捕捉方法是各种各样。人的个性和文化背景,体验,根据颜色不同的效果。在那里,用户设计考虑对怎样的反应?为了理解,观众必须明确吧。

一些颜色的意思,是世界都一样的时候也有,不是这样的时候也有吧。绿颜色,一般植物的颜色,自然让人联想到了。但是赤一样的颜色,是文化不同的意味着。西洋文化上红色,炎(英: Fire)和暴力(英: Violence),战争(英: Warfare)表示,爱(英: Love)和热情(英: Passion)也相连。但是,在中国繁荣(英: Prosperity)和幸福(英: Happiness)代表。
4.jpg

颜色是很多不同的意义,所以观众的感情很好的作用调色板制作的事重要。

二 .配色的基本要素
调色板选择的时候,配色的基本点了解的和有用的东西。配色的基本,颜色的搭配中的逻辑性的构造,実践性的导游。颜色车轮的用法开始各自的意思为止,全面总结。

寻找灵感 .

设计需要的配色视觉化是很困难的时候也有吧。那样的时候,其他的艺术家的作品等灵感的尝试吧。

调色板用灵感方便的网站是,Dribbble和Behance举出(举行)。材料和设计的特定的设计风格的灵感是必要时,材料的界面也推荐。平板式的配色调色板是,flatuicolor活用一下吧。

上面列举的网站也方便,制作的设计不同的设计也找找看吧。这样的话,意外独特,快乐的调色板,创造的有帮助。比如室内设计是一个好例子的说。
5.jpg

稍微不同的配色有想要的时候,其他的文化的设计,眼睛也很好吧。比如说,韩国的音乐视频,彩色的印象深刻的调色板被使用。各自的景色,灵感的参考。

6.jpg

更身边的日常生活灵感来自可以得到吧。外出时,周围的颜色使用注意一下吧。

8.jpg

欢欣雀跃兴奋的颜色使用,如果发现调色板作成的吧。Photoshop等的设计应用程序,或网上工具等使用,根据需要配色调整一下吧。
三.风格导游制作吧。

风格和导游也被知道设计系统,利用设计要素全部范畴的框架。这里面按钮和印刷术字体等等,所有的设计要素包括。什么样的按钮菜单的设计风格和导航采用的讨论是否吧。

比実践风格,导游的用法,本网站也有一些介绍。设计师的学习,成为著名品牌风格导游严选50个总结那么,实际使用的品牌导游一览,请参考。
9.jpg

简单的素描也不错,所以选择配色调色板之前,风格导游先制作方便吧。怎样的设计要素利用?一眼就容易明白,怎样的颜色适用什么变得更容易吧。

设计制作用调色板选择时,“吻(略: Keep it很简单,stupid)(尽量简单)”的作风吧。首先尽量少,颜色是以下的重点讨论吧。

背景颜色(英: Background)
初级・颜色(英: Primary Color)
第二、彩色(英: Secondary Color)
警告彩色(英: Error Color)
成功彩色(英: Success Color)

初级・颜色,是重要的CTA按钮和口音的颜色使用,许多企业标志设计也活用。
12.jpg

第二、颜色,成为主要部分的动作,为了区别被利用的颜色。例如,警告和成功的颜色,通常以下样品例子一样的红色和绿色被使用,设计状况不能传达。

13.jpg

调色板挑选

设计的灵感,风格导游的任务的简单的手绘素描完成后,终于调色板选择吧。

14.jpg

基本调色板,艺人一样整理排列更好吧。

配色集中下去时,前述的技巧,目的和听众清楚,为了让下面的问题,问一下吧。

那个配色是容易使用的吗?。
什么颜色最具有冲击力,引人注目的吧。
色彩明亮/暗必要吗?。用户是几点左右商品和设计利用吗?。
设计通过什么样的想传达吗?。

风格导游,颜色是不同的角色被使用的事,各自的颜色不同重量(英: Weight)可以说也有。例如,口音的颜色相比背景颜色比较常用的等。
15.jpg

因此练习,实际上页中使用的比例おうじ的配色的图形塑身试着做了也很好吧。以下的Invision的调色板。

16.jpg

口音的颜色等考虑,配色图形模式表示和以下一样也能表现。

17.jpg

调色板适用

怎样颜色风格导游适用吗,更易懂的例子Airbnb看看吧。Airbnb口音颜色,公司设立了的时候的地址命名的红色(英: Rausch)。绿松石颜色(英: Kazan)第二款颜色,背景颜色2色的灰色(英: Foggy / HOF)被使用。

18.jpg

Airbnb多页,背景颜色明亮的灰色(英: Foggy)被使用。以下样品一样,房间的预约的重要的行动的口音一样,红色(英: Rausch)初步・颜色来使用。

19.jpg

绿松石颜色(英: Kazan),更关注而被使用的。以下的样品例,顺利初步的颜色补色的。

20.jpg

Airbnb的错误信息,也许Rausch彩色颜色调整了明亮的红色,被利用。图标使用的感叹号(!英: Exclamation Mark)和红色的组合,用户的眼睛立刻飞了进来,系统的状况转达。

21.jpg

开始是颜色不使用设计吧。布局和设计的配置的重点吧。令人信服的东西完成后,调色板设计适用吧。

22.jpg

视觉的阶层(英: Visual Hierachy)问题也考虑考虑吧。要素是想强调的想法,设计相合的颜色分配吧。另外,鼠标点击ホバー的时候等的动作相关的不同的颜色,利用的事也讨论就好了吧。

最后。

美丽的配色是,很多次反复,反复的一切。颜色好处理的话,更亲近颜色唯一的答案,也许。布局和设计的功能性决定的话,一定调色板可以尝试。

设计师来说,颜色的使用方法学,是很重要的。设计开始前,什么颜色的组合的吗视觉化可以,更美味的颜色的选择方法能吧。

举报 收藏
管理文章:
暂无回应