`
Rempor
  • 浏览: 13613 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

UI颜色运用

UI 
阅读更多

选择颜色

在美术中,色轮的基础是黄、红和蓝3种颜色。这些颜色称为三原色,因为这是唯一 无法创建的颜色。然后对这三种颜色进行混合就可以得到其他的颜色。

 
  

 

如果向纯色中增加白色和黑色,可以大幅的增加色轮,扩充选择。

 
   

 
 

 

互补

在色轮上彼此对立的颜色,最佳搭配为一种作为主色,另外一种作为强调。

 

 

 

三色组

 


 

 

 

类似色

如果设计要求使用有类似色质的色调,一定要尽力避免它们挨在一起,另外每种色调的用 量也不要完全相同。用不同的亮色和暗色组合一组类似颜色,效果相当的醒目。

 

 

 

注意选择

如果色质和接近,看上去会很不清晰,对比不够,设计类似色质的时候,一定要避免将它们挨在一起,色调的运用也需要注意。颜色往往要么是暖色(这说明,其中包含红色或黄色),要么是冷色(说明其中包含蓝

色)。可以通过增加一些红色或黄色将某些颜色“加热”,如灰色或黄褐色。与之相反,也可以对颜色增加不同程度的蓝色对其“降温”。如果要组合暖色和冷色,一定要少用些暖色。

  • 大小: 36.3 KB
  • 大小: 44.8 KB
  • 大小: 88.2 KB
  • 大小: 40.7 KB
  • 大小: 72.5 KB
  • 大小: 146 KB
  • 大小: 67.5 KB
  • 大小: 55.7 KB
  • 大小: 55.7 KB
  • 大小: 58.9 KB
分享到:
评论

相关推荐

    Metro UI 颜色大全 配色方案

    通过以上对**Metro UI**颜色大全及配色方案的详细介绍,相信读者已经对如何运用这些色彩有了更深入的理解。在实际设计过程中,建议结合项目的具体需求和个人创意,灵活运用各种色彩搭配技巧,打造出既美观又实用的...

    android UI开发推荐颜色

    通过以上对各种颜色的介绍,我们可以看出,在Android UI设计中合理运用这些颜色,不仅可以提升应用的美观度,还能够更好地传达信息、引导用户操作。开发者应根据具体的应用场景和目标用户群体,灵活选择合适的颜色...

    Unity UI Samples(Unity的UI样例)

    Unity UI Samples是Unity引擎提供的一套完整的用户界面(UI)示例集合,旨在帮助开发者深入理解和熟练运用Unity的UI系统。这个资源包包含了各种不同类型的UI元素和交互设计,覆盖了从基础到高级的各种功能,使得...

    QQUI android QQUI

    同时,色彩的运用也遵循了和谐原则,确保不会过于刺眼或单调。 其次,布局是UI设计的核心部分。QQUI在布局上可能采用了Android的LinearLayout、RelativeLayout或ConstraintLayout等布局管理器,通过合理安排各个...

    win8 UI metro colore

    根据给定的部分内容,可以看到一个名为“_配角控Fine”的用户在花瓣网上创建了一个关于Win8 Metro UI颜色配置的色板。虽然具体内容没有给出,但可以推测该色板包含了Win8 UI设计中所使用的颜色代码和示例。 ### ...

    UE4 CanvasUI遮罩

    总之,UE4 CanvasUI遮罩是构建2D UI不可或缺的一部分,通过巧妙运用遮罩,开发者可以创造出更加吸引人且富有交互性的用户界面。理解并熟练掌握遮罩的使用,将有助于提升项目的视觉质量和用户体验。

    amazeUI的使用

    在“amazeUI的使用”这个主题中,我们将深入探讨AmazeUI的核心特性、组件、以及如何在实际项目中运用它。 1. **核心特性**: - 移动优先:AmazeUI的设计理念是以手机和平板设备为首要考虑对象,确保在小屏幕设备上...

    Semantic UI 离线 中文 文档

    5. **主题(Theme)**:Semantic UI 提供了一套可自定义的颜色和样式选项,让你可以按照品牌风格或个人喜好调整界面外观。 6. **JavaScript扩展**:除了纯CSS部分,Semantic UI 还有一系列JavaScript插件,用于实现更...

    Unity 科技风 游戏UI Vector Game

    科技风格的UI常常运用这些效果来增强视觉冲击力,例如使用自发光材质(Self-Illumination)模拟LED或电子屏幕的发光效果。 5. **Animations**: 动画是科技风UI的关键组成部分。Unity的Animation Controller和...

    Metro_UI风格配色方案

    根据提供的信息,Metro UI提供了10种官方主题颜色,这10种颜色是经过精心挑选以确保整体界面的一致性和美观性。此外,还提供了3种辅助颜色用于特定场景下使用。 #### 三、主题颜色介绍 1. **红色(E51400)**:...

    UI设计 实现简单UI

    4. **颜色与字体**:理解色彩心理学和排版原则,合理运用色彩和字体增强界面视觉效果。 5. **交互设计**:关注用户体验,设计直观的交互流程,确保用户能轻松理解并完成任务。 6. **实践项目**:通过实际项目练习,...

    ligerui之gird

    LigerUI的Grid控件是一个强大的数据展示和操作工具,它支持多种功能,如行颜色控制、列隐藏和保存等。本文将深入剖析LigerUI Grid的这些特性,帮助开发者更好地理解和运用。 首先,我们来看“行颜色控制”。在实际...

    科幻UI资源包.zip

    《科幻UI资源包》是一个专为Unity开发设计的资源集合,旨在帮助开发者创建具有未来感和高科技风格的用户界面。...通过理解和运用这些知识点,开发者可以打造出独特的游戏或应用界面,提升用户体验。

    微信小程序Color UI组件库

    ColorUI的亮点在于其对细节的关注和对色彩运用的独到理解。组件设计时考虑了多种主题色,使得开发者可以根据品牌调性自由选择合适的颜色方案。此外,组件库还注重用户体验,例如,动画效果的平滑、过渡的自然,以及...

    半透明APP ui工具包zen-ui.zip

    Photoshop是一款强大的图像处理软件,广泛用于UI/UX设计,支持图层管理、矢量图形编辑、滤镜应用等功能,使得设计师能够精确地调整每个元素的透明度、颜色和布局,以创建出符合应用风格的自定义界面。 `学ui网.txt`...

    UI专业设计配色文档

    "UI专业设计配色文档"提供了一套完整的设计手册和指导,旨在帮助设计师们更好地理解和运用色彩理论,创造出色彩和谐、富有吸引力的用户界面。 一、色彩理论基础 1. 色彩三要素:颜色由色相、饱和度和明度组成。...

    开发 UI 便捷取色器.zip

    在IT行业中,UI设计是至关重要的一步,它关乎到用户对产品的第...了解并熟练运用RGB、HEX和HSB等颜色模式,将有助于创造更具吸引力和用户体验友好的UI设计。这个工具的出现,无疑为IT行业的色彩管理带来了极大的便利。

    整理C#3款好看的UI框架

    在C#编程领域,开发美观的Windows Forms应用界面是一项重要的任务。...同时,不要忘记利用社区资源,如GitHub上的示例代码和讨论区,这些都可以帮助你更好地理解和运用这些库,从而打造令人满意的C# WinForm应用界面。

    Element UI主题样式文件

    在 Element UI 中,主题样式文件是实现自定义界面颜色和风格的关键部分。 1. **自定义主题**: Element UI 提供了自定义主题的功能,允许开发者根据项目需求调整默认的色彩方案。这通常涉及到更改 SCSS 变量文件中...

    jquery easy ui 离线API文档

    总结,jQuery Easy UI离线API文档是开发者不可或缺的工具,它涵盖了所有组件的详细信息,帮助我们更好地理解和运用这个框架。同时,深入研究其CSS设计,能提升我们的界面设计水平,打造出更具吸引力的Web应用。

Global site tag (gtag.js) - Google Analytics