用户名*
邮箱*
密码*
确认密码*
验证码* 点击图片更换验证码
找回密码
忘记密码了?输入你的注册邮箱,并点击重置,稍后,你将会收到一封密码重置邮件。
UI设计中色彩搭配的三点原则:UI设计中用大色块烘托气氛和主题比较稳定,而UI设计中则用小色块丰富画面。统一颜色可以让用户认准店面,
首先需要在不同的界面UI设计框架中统一招牌色,保证产品给用户能一目了然的找到这个店,用户方便了,就会得到更好的用户体验。
原则二:严谨而有节奏
在界面UI设计中的可以运用相似性与来进行色彩的呼应,这样的画面更有节奏感和舒适性。在界面UI设计中运用颜色渐变穿插,让界面平衡在一个频率上。
原则三:在相似中,找呼应
1.定义了色彩的基调,找到了形象店面色。在设计中我们只采用了单一的颜色进行了设计,使用大小关系区分了功能的主次关系。界面UI设计上比较平衡但是页面显得单调。
2.为了让用户聚焦在主要的功能上,在主要功能上使用了补色对比。这种方式比造型上的区分更为强烈。
3.但在采用过多的色彩会使界面UI设计没有秩序性。这种色彩的搭配会给用户一种混乱感。
4.用色上不仅需要聚焦,还有讲究颜色的呼应性。同类色彩会彼此呼应,聚焦点只要在主要的点上。
所以说注意彩色的关系与功能的区别及其重要。这样才能把握好色彩的节奏感。也才能带来更好的用户体验。
和穿衣的原则相同的一点,一般建议不要超过三种颜色运用在同一个版面中。但这里的颜色指的是色相,也就是说,同一个色相(也可以理解为我们常说的色调、色系)中的颜色并不受这个原则限制。相反,UI设计中常常需要同色相的颜色来给用户提供不同的反馈,比如按键的突起效果,按键的下压效果等等。除了同色相的颜色使用以外,还可以利用对比色来突出主题,以及满足一些功能上的对比差异,比如字体色和背景色等。
另外需要注意的一点就是,黑色在UI设计中无法很好的显示出来,所以一般选择暗灰色或者混合色去替代纯黑色运用。比如在纯白色的背景下,灰色的字体会读起来很舒服。
最后给题主一些配色的小工具网站,希望对你有帮助:
Material Palette http://www.materialpalette.com、
New Flat UI Color Picker http://www.flatuicolorpicker.com/、
Flat UI Colors http://flatuicolors.com/、
Coolors http://coolors.co/、
Skala Color http://bjango.com/mac/skalacolor/、
Couleurs http://couleursapp.com/、
Material UI Colors http://www.materialui.co/colors、
Colorful Gradients http://colorfulgradients.tumblr.com/
1.定好主色和辅助色,并严格执行;
2.统一按钮和可点击内容的颜色,比如链接和操作性文字.这样使用者一看到这种颜色的内容就知道是可点击的;
3.界面内除非必要,否则不要出现大面积的装饰颜色;
4.统一界面中使用的不可点击的内容颜色,比如已经点过了被置灰的按钮和连接性文字、图标等。
6.使用统一的已选择状态的颜色,一般与主色统一。
7.慎用红色!红色一般是作为警示颜色和提醒通知类颜色使用的,如果主色定的是红色,在界面中少用则醒目。
昵称*
E-Mail*
回复内容*
回复 ( 3 )
UI设计中色彩搭配的三点原则:UI设计中用大色块烘托气氛和主题比较稳定,而UI设计中则用小色块丰富画面。统一颜色可以让用户认准店面,
首先需要在不同的界面UI设计框架中统一招牌色,保证产品给用户能一目了然的找到这个店,用户方便了,就会得到更好的用户体验。
原则二:严谨而有节奏
在界面UI设计中的可以运用相似性与来进行色彩的呼应,这样的画面更有节奏感和舒适性。在界面UI设计中运用颜色渐变穿插,让界面平衡在一个频率上。
原则三:在相似中,找呼应
1.定义了色彩的基调,找到了形象店面色。在设计中我们只采用了单一的颜色进行了设计,使用大小关系区分了功能的主次关系。界面UI设计上比较平衡但是页面显得单调。
2.为了让用户聚焦在主要的功能上,在主要功能上使用了补色对比。这种方式比造型上的区分更为强烈。
3.但在采用过多的色彩会使界面UI设计没有秩序性。这种色彩的搭配会给用户一种混乱感。
4.用色上不仅需要聚焦,还有讲究颜色的呼应性。同类色彩会彼此呼应,聚焦点只要在主要的点上。
所以说注意彩色的关系与功能的区别及其重要。这样才能把握好色彩的节奏感。也才能带来更好的用户体验。
和穿衣的原则相同的一点,一般建议不要超过三种颜色运用在同一个版面中。但这里的颜色指的是色相,也就是说,同一个色相(也可以理解为我们常说的色调、色系)中的颜色并不受这个原则限制。相反,UI设计中常常需要同色相的颜色来给用户提供不同的反馈,比如按键的突起效果,按键的下压效果等等。除了同色相的颜色使用以外,还可以利用对比色来突出主题,以及满足一些功能上的对比差异,比如字体色和背景色等。
另外需要注意的一点就是,黑色在UI设计中无法很好的显示出来,所以一般选择暗灰色或者混合色去替代纯黑色运用。比如在纯白色的背景下,灰色的字体会读起来很舒服。
最后给题主一些配色的小工具网站,希望对你有帮助:
Material Palette http://www.materialpalette.com、
New Flat UI Color Picker http://www.flatuicolorpicker.com/、
Flat UI Colors http://flatuicolors.com/、
Coolors http://coolors.co/、
Skala Color http://bjango.com/mac/skalacolor/、
Couleurs http://couleursapp.com/、
Material UI Colors http://www.materialui.co/colors、
Colorful Gradients http://colorfulgradients.tumblr.com/
1.定好主色和辅助色,并严格执行;
2.统一按钮和可点击内容的颜色,比如链接和操作性文字.这样使用者一看到这种颜色的内容就知道是可点击的;
3.界面内除非必要,否则不要出现大面积的装饰颜色;
4.统一界面中使用的不可点击的内容颜色,比如已经点过了被置灰的按钮和连接性文字、图标等。
6.使用统一的已选择状态的颜色,一般与主色统一。
7.慎用红色!红色一般是作为警示颜色和提醒通知类颜色使用的,如果主色定的是红色,在界面中少用则醒目。