版面设计原理一

用户头像
北京/UI设计师/8年前/2758浏览
版面设计原理一

版面设计原理,这本书浅显易懂,有图有真相,适合设计初学者。

版面设计原理


第一章/建立条理


1、信息的整理

理解,知道作品的受众是谁,用在什么地方,方式展示,作品的目的,如何达到目的。

提取,根据重要程度排序。

布置,做适当的视觉设计。举个海报的例子:


2、贴近和远离

完型、同类项合并


3、排列、对齐——有条理

这里涉及到一个叫做“版心”的东东,已经涉及到排版打印方面的了。

设计之前先设定好版心的位置,这样条理比较清晰。


4、视线的移动——诱导视线

本书中主要是以“Z”字形,但是网页设计中还有"C"、"F"字形,这要根据实际来考虑。

图片最好不要阻隔段落,容易使视线断开。


5、构成、重复

在重要度相同的情况下,有规则性重复同一样式会很整齐。 看,被方框围起来就整齐多了吧。


6、直线与曲线——引导视线

细线给人轻松鲜明的感觉,曲线柔美。


7、重心和平衡

设计时可以把文字、图片都变成灰阶,易于整体的调整,防止一头重。

大面积的灰阶搭配小面积的重灰阶。


8、字形、字体

衬线、无衬线、哥特风。

标题一般为粗体,大面积的正文细体,可识别度要高。

标点避头避尾。

特殊字体不能重复使用,会让人厌烦。


9、易读的文字编排

越是通俗易懂的越适合快速换行,使阅读节奏顺畅。

研究类的,难理解的适合长行,使人集中精神。

适当的分栏起到统一样式的作用。

杂志、专栏、大型传单、报纸适合多栏,可以自由插入图象,适合快速阅读。

有英文的适合横排。

短文章、行短的,标题与正文不能离得太远。


10、统一线宽

文本的线要比框的线粗,易于区分。


11、对称

对称可以带来稳定感、美感。


12、虚拟边框——版心

版心面积占整个版面的比例叫版面率。

一般印刷品边缘预留5-10㎜。

时尚杂志、书,一些希望读者在短时间内通读的版面率较低。

不是非得在版心内设计,可以随意一些。

如果页数较多就得用事先设定好的版心。


13、网格的灵活运用

设计前先设置好网格,视觉上条理分明,设计时也方便些。

网格的设计无特别的规则,看心情。

优点,易于寻找目的信息,易于阅读。

缺点,制约设计的灵活性,单调。

51
阅读原文
|
举报
|
67
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城阙凡花
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面书法字手写
城市园林平面布局航拍
空的平台平面和自然景观
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
金色颗粒质地的平面
平面设计 吊牌设计
金色颗粒质地的平面
城市园林平面布局航拍
古风平面仕女与瓷器
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面插画设计女孩喝咖啡
平面花卉图案扁平简约无缝拼接插画
平面插画情侣/矢量
金色颗粒质地的平面
金色颗粒质地的平面
城市园林平面布局航拍
倒计时,海报,平面
中国传统纹样创新图案设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
空的平台平面和自然景观
牛奶乳液层次平面平铺平面
你可能喜欢
大家都在看
登录注册