设计心经

配色

基础色彩

HSB模式:H色相、S饱和度、B亮度

色相H(Hues):红、橙、黄、绿、青、蓝、紫。

饱和度S(Saturation):颜色的纯度或强度。纯度越高,色彩感越强,纯度越低,色彩感越弱。

亮度B(Brightness):颜色相对明暗的程度。无彩色,白色明度最高,黑色明度最低。有彩色,黄色明度最高,紫色明度最低。

低明度的气质:力量感(适合体育方面的设计)、有品位(家具,空间设计)商业感、价值感。

高明度气质:表现柔软、阳光和年轻、舒适感和清爽感(重量轻)、纯洁和干净(高明度蓝色系列)、宁静和平和(高明度接近于白色和排版也很重要)。


色彩搭配法则

色彩出现形式:文字、背景、图形(物体,形状)

三法则

基色与互补色(180度),对比色(120度):现代、刺激、华美 。配搭手法:降低(提高)双方色调、副色面积小、两色中间用白色(黑色)区分、背景加入大量的白色(黑色)

基色与邻近色(60度)、类似色(30度):舒适和谐、稳重、传统(安全色搭配法)

基色与360度:热闹、年轻、自由。搭配手法:有一个大面积的主色、有一个大致的冷暖方向。


色彩情感


冷暖

暖色(红色、橙色、黄色):活泼、食品、家庭、快乐

冷色(蓝色、绿色、紫色):干净、凉爽、商业、科技、医学

色相

红色:女性、性感、能量/力量(红黑搭配)、喜庆/热闹、食品色之一、奢华/昂贵、文化/历史(红色+文化气质物体/红色+毛笔)、民俗文化、权力(故宫)、危险恐怖

橙色:秋天、食品色之一、甜味、能量、微暖/家庭、童趣/乐天、促销

黄色:童趣/儿童、趣味性、年轻活泼(20岁)、夏日炎热、食品餐饮、甜味、喜剧文艺、警示(红黑)、促销(红黄组合)

绿色:健康环保、纯净卫生、生命健康、青春、朴素雅致宁静(淡色调的绿和灰色调的绿)

蓝色:世界观地球宇宙(宏观气场/客观存在)、科技医疗缜密(理性和冷静)、干净卫生(蓝色+白色)、水系/清爽/寒冷(浅蓝)、商业、深海/品质/幻想(深蓝)

紫色:女性 /优雅、幻想/魔幻/梦幻


版式

平面设计元素:文字、图形、符号、形状、光影

点、面、线:用视觉形状,画出界面元素结构。在设计中或查看优秀的设计,我们应该理性识别出他的设计规律和界面元素比例。

版式空间

形状空间、版面空间、场景空间

形状空间:视觉元素占据的整体空间轮廓为形状空间,而留空的地方为负形状空间。

版面空间:视觉延展设计,版面外存在大量的想想空间,活用视觉元素。

场景空间:将二维平面做成三维平面,设计元素分为前景、中景,背景层。重要的信息放在前景,次要的信息放在中景,辅助信息放在背景层

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 上部 3天打通任脉-配色 第一章 配色视觉要素 HSB模式,色相 H(hues)、饱和度 S(saturation...
    Aprilsunnny阅读 7,588评论 0 0
  • 为了取得整体色彩的协调,我们需要借助色相、明度、纯度,以及色调及间隔色的要素与技巧,从而实现我们“显示协调的配色”...
    绅士的品格阅读 10,356评论 5 43
  • 使用sketch最重要的一点是设计好控件的规范。 为做好设计规范需要对色彩进行编号,比如:color_a”_1,c...
    youyeath阅读 26,432评论 2 237
  • 故事梗概: 故事发生在1947年银行家安迪因为妻子有婚外情,想用枪杀死妻子和情夫,但是却未下手,阴差阳错的却被指...
    FairNana阅读 3,301评论 2 1
  • 看 那是我的母亲 她 正背对着我 安静的望着远方 我想 她在想什么 我走近她的身旁 她依旧入神 我从未如此认真的观...
    小施是个大可爱阅读 1,137评论 1 0