首页  思维导图  详情



 



写给大家看的设计书

2019-04-28 10:36:20   6  举报





AI智能生成

《写给大家看的设计书》

设计

视觉传达

排版

设计基础

模板推荐

作者其他创作

大纲/内容

设计原则

     四大基本原则    

亲密性

要点

多个元素之间若存在关联，需使之成为一个视觉单元并和其它无关联单元保持合适距离

检查

眯眼，看可区分单元数量，如果超过3-5，视情况修改

避免

一个页面有太多孤立元素

单元之间有同样大小的空白

对齐   

要点

每个单元都应与页面上其它单元存在位置联系，除非有意打破这种联系

检查

画单元轮廓，找出明确的对齐线，若难以找到统一的对齐，视情况修改

避免

居中对齐，除非有意要创建比较正式、稳重（通常也较乏味）的画面

混合多种对齐

重复   

要点

通过元素特征的重复将各单元联系起来，注重多样性的统一，系列设计中尤为重要

避免

太多地重复一个元素，重复并非完全复制

对比   

要点

若页面上布置两个不完全相同元素，不能类似（一般情况），需强对比

形式

形状

细粗线

点>面 （点的面积小＞点的面积大）

三角＞方形＞圆形 （锐利＞圆润）

平滑粗糙材质

大小字体、间隔、图片

典雅的旧式体与加粗的无衬线体

水平（如很长的一行文本）、垂直（如高窄的一列文本）

颜色

明度强对比＞明度弱对比

色相强对比＞色相弱对比

四大基本原则的应用

去掉不必要内容

Web地址中的http：//

“网站”“Email”之类的词

改进现有内容

将Web、Email地址主要词首字母大写将更具可读性

区分元素关系，建立亲密单元

画单元轮廓线，若轮廓线无序，修改、对齐

确定中心单元，运用对比突出中心 （图片、字体大小，色相、明度对比）

运用元素的重复使版式联系更紧密 （小三角、线...）

颜色运用

         颜色关系         

互补

最佳搭配是一种作为主色，另一种用于强调

三色组

分裂互补三色组

能得到更加细致的颜色边界

类似色

子主题

         颜色模式         

CMYK

专业印刷常用，CMYK分别表示Cyan（蓝）、Magenta（红/粉）、Yellow（黄）、Key（黑）

RGB   

屏幕观看常用

            要点             

冷暖不要过于均衡，冷色是后退型的，暖色是趋进型的，暖色更容易引起注意，冷色则相反

项目中若包含图片，可以在图片中选取颜色，要保持画面沉着冷静，则去所选颜色的类似色，要使画面活泼，则取互补色或分裂互补色

    字体   

    字体的基本规则    

避免单个字占一行

跟随在有样式的文字后的标点因该是同样的样式。

如果括号中的文字是整个句子的一部分，标点在括号外（就像这里的例子一样）。 如果括号中的字是一个完整单独的句子，标点在括号内。（这就是一个标点出现在括号内的例子。）

         字体类别         

Oldstyle（旧式体）    

特征

<ul><li>基于手写体 </li><li>有倾斜衬线，和主干之间有括弧连接 </li><li>笔画有平缓的粗细过渡 </li><li>曲线笔画最细两点的连线为强调线且强调线倾斜 </li></ul>

应用场合

由于没有影响阅读的显著特征，如果需要人们具体读某些字，可选用

Modern（现代体）     

特征

<ul><li>有不倾斜衬线且水平、细 </li><li>笔画有强烈的粗细过渡 </li><li>强调线垂直 </li></ul>

应用场合

外观醒目，设置得非常大时有震撼感，由于有强烈粗细变换，不适合正文

Slab serif（粗衬线体）

特征

<ul><li>有不倾斜的衬线且水平、粗 </li><li>笔画几乎没有粗细过渡 </li><li>强调线垂直 </li></ul>

应用场合

<ul><li>由于粗细变换小很多，可以提供很好的可读性，所以适用于大量文本 </li><li>与旧式体相比，用这种字体页面会更暗 </li><li>常用于儿童图书，简洁、直观</li></ul>

Sans serif（无衬线体）

特征

<ul><li>无衬线 </li><li>无粗细变化（除optima之类的字体） </li><li>无强调线 </li></ul>

应用场合

无衬线体中Helvetica/Arial和Verdanal是为屏幕设计的，不适合印刷

 Collect

Get Started

写给大家看的Switch购机指南

 Collect

Get Started

写给大家看的设计书：Photoshop图像处理

 Collect

Get Started

还书

 Collect

Get Started

写给大家看的设计书阅读笔记总结分享





0 条评论

下一页