相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

设计师必须要掌握的版式基础

MOGUL发布于:2018-5-17 09:01 |原作者: 郗鉴|
MOGUL
湖北省 黄石市 学生
发私信 + 关注
简介: 设计师必须要掌握的版式基础关于平面设计知识提起平面设计,也许很容易联想到平面设计师。其实平面设计不仅是职业也是一个重要的设计知识体系,在我工作中发现平面设计知识是UI设计和其他设计领域中必备的能力,然而很多朋友认为“平面设计是属于纸媒行业的事”而忽略这部分知识 ...


举个使用斜体的例子:"设计的作用在于寻找功能和社会间的接点,在功能足以说明一切的前提下,装饰成分是可以节制的,如何把握节制的度是考验一个设计师是否成熟的标尺。" -《设计的觉醒》田中一光


设计师必须要掌握的版式基础 飞特网 设计理论

字重(Font Weight)

一个字族中的任何一个字体也会有不同的笔画粗细变化。这种粗细变化的字体称之为字重(Font Weight),字族后面的字重选项如"Thin"、"Light""Regular""Book""Bold""Black""Heavy"都是一个字族下的不同粗细变化。实际上,国际标准 ISO组织规定了九种字重,但是由于有些字重不常见,我们就记忆以上七种字重即可。中文字体也有相应的字重,如"极细"、"细"、"标准"、"常规"、"中等"、"粗"、"特粗"。在使用场景中,如果我们需要强调一个内容,比如标题时,一般会用粗体;如果在正文的设计中,那么就会用常规或标准等字体。英文也类似,这些字重是为了我们突出文字使用的。注意一点:在PS中我们也可以通过字体面板给文字人工加粗,这种加粗如果变成形状时会提示"该字体使用了加粗样式,不能变换",所以可见这种人工加粗是有一点缺陷的。

设计师必须要掌握的版式基础 飞特网 设计理论

字体的气质

任何字体都具有自身的气质。比如一款圆角萌萌的字体会给人温柔调皮的感觉;而边角锋利的字体会给人一种强硬的感觉;书法字体会让用户觉得充满中国风和个性;瘦长纤细的字体会给人一种未来感等等。每个字体都具有一定的感受,这与色彩心理学中每种颜色带给人不同的感觉一样,字体的外形和笔画也会给人一些心理暗示。

设计师必须要掌握的版式基础 飞特网 设计理论

全角与半角

全角指一个字符占用两个标准字符位置。中文字符、全角的英文字符、国标GB2312-80中的图形符号、特殊字符都是全角字符。半角指字符占用一个标准的字符位置。

通常的英文字母、数字键、符号键都是半角字符。半角全角主要是针对标点符号来说的,因为正常情况我们没有打全角英文的需求。

半角英文 english

全角英文 english

半角符号 ,.'";:{}_+!@#$%^&*()

全角符号,'";:{}_+!@#$%^&*()

计算机编程基于英文,也就是半角字符。所以在编程中符号一定都是半角的,如:

name="郗鉴"

全角符号编程就会无效,如:

name="郗鉴"

在我们设计作品时也一定要记得中文搭配全角符号,英文搭配半角符号。不要出现如"好的."或者"thanks。"这样的错误。全角半角的切换在中文输入法下按SHIFT+空格可相互转换,这个知识点虽然非常基础,但是无疑我们经常看到用错的设计。

文字排版八条定律

第一,保证文字是可读的。

第二,不要在一个版面中使用三种以上的字体。

第三,如果英文标题或单独进行排版时,尽量全部使用大写而非首字母大写。中文标题或单独进行排版时结尾不需要句号。

第四,文字之间的间距在UI设计中一般设置为0,行距一般为字号本身的1.5倍到2倍。但是考虑到用户使用场景,比如用户在地铁内阅读新闻时可能地铁会出现晃的情况而导致串行,就需要我们考虑增加行距。总之字间距和行距以及文字大小都要依据实际场景来决定。

在UI设计中文字大小单位须设置成PX(像素),大小必须是偶数。如:24px、26px、28px等。

第五,文字阅读需要清晰地背景区分,比如黑纸白字和白纸黑字原则。

第六,中英文混排已经过时,尽量避免在一个版式中使用中英文混排。

第七,文本左边对齐同时右边也需要对齐。可以通过PS中的段落面板设置间距组合和避头尾法则,但是有时半角符号可能会让我们很棘手,那就要通过调整间距和空格等方式让文本尽量对齐。

第八,中文前面需要空两个全角字符空格,英文前面无需空格,但需要大写。

图片

我们在一个设计中一定会依靠一些配图或者照片素材来进行排版。有时我们会选择寻找素材或者是自己去拍,无论如何,作品中使用的图片一定要与整体设计色调相符,冷色暖色中性色都要符合整体的色调,一定是邻近色或对比色等色彩关系,不要因为自己的主观放置没有色彩关系的配图或者会抵消画面色彩倾向的配图。另外注意色彩会产生"水彩效果",即两种颜色放在一起,如果其中一种是灰色或者比较脏的颜色,那么另一个颜色在我们大脑中也会感觉变脏了。类似于这种效果可以在作图中慢慢体会。

设计师必须要掌握的版式基础 飞特网 设计理论


16

好评
12

差评

刚表态过的朋友 (28 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

MOGUL
湖北省 黄石市 学生
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计