• 内页banner
  • ui1
  • 内页3
技术专栏您当前所在位置: 首页 > 技术专栏

UI设计告诉你名片排版的多重解法

更新时间:2017-07-27 09:59:28点击次数:164次字号:T|T

出去见客户时向客户出示名片,公司应聘时给应聘人员名片,便于后期沟通交流。甚至在宣传产品时也要用到名片。UI设计贯穿了名片的始终,生活工作中处处离不开UI设计,那就让UI设计教你如何优化名片版式~


名片设计前的基础

一张名片虽然看起来很简单,但是所掌握的知识点量在版式设计中其实是最大的,你需要掌握的知识点有字号、字体、宇间距、行间距、层级关系、位置关系甚至说网格系统,在很多地区对名片的要要还是比较严格的。

我个人还是侧重喜欢商务设计的风格,就以下某位大神所做的偏简约风格的名片做了稍微的解析。



解析问题一:设计没有主次关系.层级关系不清晰

首先我们分析—下以上名片设计存在的问题,客户想要看的是主次关系,这里的主次指的是信息的表现力,所以以下序号的标注顺序应该是正确的表现力。



解析问题二:设计中文艺艺术.字体味道特征比较弱

在商业快速的产品设计里面,大多数用的是等线体,因为节奏比较快,但是在文艺艺术,节奏比较慢的一般线体比较多。


我们先解决这两个核心问题。



做到这—步只是每一个初级UI设计师达到的基础,也就是必须每一个UI设计师能够胜任的工作。


解析问题三:如何让这一张名片变得更加优秀

上述表达出了客户的诉求,这里是把客户的姓名作为了重点处理.但是想要这一张名片变得不一样,那我们思考的问题就在于位置关系,所以这个时候,我们只有一条清晰的思路,就是调整位置关系,那这个位置关系我们可以去参考一些包装、海报、画册的一些位置关系。



在网络中随便抓取一张好的作品,我们去思考好的地方。分析设计的结构,我们把所有的信息当做信息快来分析,不去具体是什么信息,你会发现:

重要的信息,标题信息都是右侧对齐

次要的信息,左侧对齐,说明性语句破开对齐



方案一:分析设计结构,然后加上自己的判断。



方案二:同理,分析版式设计中信息在版式中的位置关系,然后理解它、应运它,说的再通俗一点,我们解构的版式可以用在画册、海报、易拉宝、包装等版式设计中,名片排版注重方法。



分析设计的结构,我们把所有的信息当做信息块来分析

(1)重要的信息,标题信息左侧对齐

(2)次要的信息,空一单元解构




标题,竖排,次要信息左对齐,空一单元格及核心点



根据原来结构分析,我们用别人的UI设计思想放到我们自己的环境中未必合适,有自己的UI设计思想是最重要的!


郑州丰泽教育帮你成为一名优质的UI设计师!