回复 ( 3 )

  1. 我叫面试官
    理由
    举报 取消

    UI设计中色彩搭配的三点原则:UI设计中用大色块烘托气氛和主题比较稳定,而UI设计中则用小色块丰富画面。统一颜色可以让用户认准店面,

    首先需要在不同的界面UI设计框架中统一招牌色,保证产品给用户能一目了然的找到这个店,用户方便了,就会得到更好的用户体验。

    原则二:严谨而有节奏

    在界面UI设计中的可以运用相似性与来进行色彩的呼应,这样的画面更有节奏感和舒适性。在界面UI设计中运用颜色渐变穿插,让界面平衡在一个频率上。

    原则三:在相似中,找呼应

    1.定义了色彩的基调,找到了形象店面色。在设计中我们只采用了单一的颜色进行了设计,使用大小关系区分了功能的主次关系。界面UI设计上比较平衡但是页面显得单调。

    2.为了让用户聚焦在主要的功能上,在主要功能上使用了补色对比。这种方式比造型上的区分更为强烈。

    3.但在采用过多的色彩会使界面UI设计没有秩序性。这种色彩的搭配会给用户一种混乱感。

    4.用色上不仅需要聚焦,还有讲究颜色的呼应性。同类色彩会彼此呼应,聚焦点只要在主要的点上。

    所以说注意彩色的关系与功能的区别及其重要。这样才能把握好色彩的节奏感。也才能带来更好的用户体验。  

  2. Yves
    理由
    举报 取消

    和穿衣的原则相同的一点,一般建议不要超过三种颜色运用在同一个版面中。但这里的颜色指的是色相,也就是说,同一个色相(也可以理解为我们常说的色调、色系)中的颜色并不受这个原则限制。相反,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/

  3. 用户头像
    理由
    举报 取消

    1.定好主色和辅助色,并严格执行;

    2.统一按钮和可点击内容的颜色,比如链接和操作性文字.这样使用者一看到这种颜色的内容就知道是可点击的;

    3.界面内除非必要,否则不要出现大面积的装饰颜色;

    4.统一界面中使用的不可点击的内容颜色,比如已经点过了被置灰的按钮和连接性文字、图标等。

    6.使用统一的已选择状态的颜色,一般与主色统一。

    7.慎用红色!红色一般是作为警示颜色和提醒通知类颜色使用的,如果主色定的是红色,在界面中少用则醒目。

我来回答

Captcha 点击图片更换验证码