专栏名称: 微交互
分享交互经验,提升产品用户体验。帮助您打造优秀产品。细节设计成就卓越产品。
目录
相关文章推荐
龙爪槐守望者  ·  8090后的网友还记得自己每天挂QQ吗?都是 ... ·  昨天  
庞门正道  ·  并不是懂得越多越好。 ·  6 天前  
51好读  ›  专栏  ›  微交互

高手的平面课堂!一个完整的设计流程是怎样的?

微交互  · 公众号  · 设计  · 2017-11-11 13:09

正文

请到「今天看啥」查看全文


例如示例中,是店铺开张的宣传单,那重点信息就是“店面开张”和“开张促销”,就可以像这样列出设计的内容,加以整理,同时也决定优先顺序。这就是设计的第一步。

二. 排版1:设定版心与边界

整理完内容后,就是设定版心和边界。不同版心的设定,会大幅改变整体视觉效果。

摆放文字资讯、图片等内容的区域称为 「版心」 ,其他区域则称为 「边界」

△ 示例中是将上下左右的边界设定为8mm,保证足够空间来摆放

三. 排版2:设定网格

决定好版心和边界后,即可开始编排内容要素。在这个阶段, 「网格」 是最有力的辅助工具。

网格的设定方法有很多,可以参考下面的链接。一旦网格设定好之后,即可沿着网格线编排要素,轻松能完成一副规整的设计。

专业科班:《专业科班方法!帮你学会网格工具这个理性的排版利器》

平面高手:《网格系统的入门基础知识+案例演示》

△ 示例中设定了竖10格 × 横7格的网格

四. 排版3:安排优先顺序

这里要开始使用前三步的准备工作, 「安排优先顺序」 是指思考要将内容配置在版面的哪个位置,不是重要的则低调,按照内容的重要性在版面上编排。

另外,安排优先顺序时的重点,是将内容相似的资讯相邻配置,关联性弱的内容则分开排放。这样的做法能帮助阅读者快速理解内容。

例子中,目的是 「让潜在客户知道本店开张」 。因此,必须将开店的相关信息编排在足够显眼的位置。所挑选的照片素材,是让图片担任视觉焦点、吸引眼球的角色。







请到「今天看啥」查看全文