设计师必看|“设计的设计”五类手法快速提升方案效果设计稿视觉细节

有时候结构合理、流程表达清晰有趣的方案呈现,能让设计方案锦上添花。如何让设计的方案又快又好的呈现出来?小编就为大家总结了5类「设计的设计」,保存好这些小技巧,突然需要展示设计稿的时候也不会慌乱无章。

01

产品主题设计

产品主题设计是关于产品的一个整体表达,让浏览者对产品大致的功能用途、品牌风格有一个整体的印象。通常这里要突出展示一个核心的界面,但如果直接使用界面放入手机、电脑等mockup,再搭配文案介绍,会显得单调并且缺乏感染力。可以尝试以下手法让主题页丰富起来。

01.结合实景实物

02.结合概念场景

使用插画、3D建模元素打造整体的场景感,也可以将界面作为画面当中的一个元素,例如这个健身题材的app将界面变成了一个跑步机。为了与整体的画面更协调可以对界面中某些真实的UI元素进行质感的处理,但不能过于概念化。

在展示B端业务的产品界面时,我们不太容易找到一些具有感染力的真实场景,所以与轻质感的3D元素结合是更适合传递B端业务通常要表达的简洁、高效。

02

演绎视觉语言

过去常常直接将设计规范逐条罗列在一项设计方展示中,这种无主次、无差异性的规范罗列除了能够体现满满的“工作量”以外并不是一个好的演绎方式。而是体现背后有一套支撑这些元素定义的设计理念,对这套设计理念的有效阐述才是好的视觉语言演绎方式。

01.特征提炼

我们可以对每一组元素背后的设计理念进行高度提炼,搭配该元素中具备代表性的图形放大展示,让读者可以清晰的了解视觉语言的理念。如下方案展示中,对形、色、质、构等都有一句特征提炼,结合旁边的图例辅助表达,我们可以一眼就“get”到它的特点。

▲NEO-支付宝营销设计语言2.0

02.动态化呈现

在一些设计项目的升级改版中,设计师想要强调升级前后的变化,可以尝试动态化的方式演绎视觉语言升级,既能够将品牌的视觉语言演绎的更加生动让读者了解其背后的设计推导过程,也能够清晰的展示出before—after的变化:

▲雪球设计语言展示

03

链路表达

交互链路表达,重点是让旁观者一眼get产品核心流程,这就需要设计师在表达时候抽丝剥茧理出关键节点、交互亮点,并运用恰当的手法进行表达,避免类似于产品流程图的逻辑穷举,也要避免平铺直叙的进行设计稿的串联。

01.交互界面模拟演绎

关于链路表达,最直白有效的表达方式就是界面的模拟演示,适用于流程中设计亮点的表达和凸显,能够在真实的操作模拟过程中让旁观者快速理解界面交互逻辑的同时,获取更真实的交互体感和感官反馈;

02.全局解读信息简化

下图通过抽取关键链路节点,页面信息简化,通过低保真概括页面特征,配以重点文字说明进行链路表达,拨除冗余信息显得链路简单易懂;

03.局部解读放大凸显

通过动效逐个放大局部信息引导旁观者进行阅读,暂且不管旁观者有没有在晃动的图片中理解链路的逻辑,TA的眼球和情绪已经被图片带动起来了,情绪调动是引人入胜、引发进一步理解的关键;

04

细节描绘

01.细节描述的重点强化

业务逻辑之外,产品的界面有很多关键功能往往需要被详细介绍。可以选取产品界面中的设计元素运用到标记视觉符号中,比如主题色、渐变色或者用粗细动向不同的曲线来链接功能点和文字描述,整体文档看起来调性统一且细节丰富。

02.界面模块增强

能让设计方案在排列中有呼吸感和视觉重点,那如何再让整个方案更具细节感呢。那么,取1-2个核心模块做强化是个不错的选择。既能让界面适当的破型,也能有利于强化一些特殊设计模块。

▲部分模块突出

运用解构的方式来突出关键的的部分。比如打破常理的排版方式,主体方向的改变和超出界面边界。静态界面动态化的同时,重点信息自然的呈现出来。

05

在方案呈现中,一定有一环体现方案一致性和完整度,这时候就需要把核心页面有节奏感的展现出来。利用以下3个小技巧,设计稿呈现质感立即拿捏。

01.编排的呼吸感

在体现页面一致性且又具有丰富度的大量设计稿编排时,除了单张设计稿的美观度,呼吸感也是极为重要的。在整体编排中可适当留白30%的区域,让设计稿密度降低,视觉重点让观者更好聚焦核心主界面也同时能感受到设计方案的完整性和一致性。

▲编排的留白与呼吸感

如下,左右对比,能看到左侧有呼吸感和留白的界面呈现能让页面更聚焦,也会让设计方案更添节奏感。

02.色彩的搭配

在色彩占比中,也是有些可以把控的“小心机”的。适当的选择一些色彩较为浓重的界面进行整体方案的点缀,会让方案呈现中会让人有眼前一亮的视觉冲击。和适当的呼吸感搭配,能起到画龙点睛的作用。

▲编排色彩比重建议

如下图的一些示例,适当的重色界面会让方案更出彩。

背景的小心机:当然有些设计师们的设计方案如果核心界面色彩都比较平均时,没有办法通过色彩的节奏去提升整改方案时,对于背景的设计也会让方案提升整个档次哦。

03.编排的角度

常规的45度角编排和上下错落的编排都是比较好的选择,使页面有序呈现。但是有时候一些前后景的差异和角度变化,会使界面灵动起来。统一的角度,能让页面更加灵动。

正常平铺:适当的做上下错位能最大程度的真实呈现界面效果。

前后景错落:适用于2-4页的展示,界面能清晰呈现模块也同时整体体现趣味性。

THE END
1.优秀广告设计技法.docx在广告设计中,与其他设计手法相比,“突出特征的设计手法”为综合性表现手法,它具有自由的创意手法,广泛的表现形式,明确的诉求定位,不同于设计手法中的任何一个系统。下面是小编为大家整理的优秀广告设计技法,欢迎参考~ 是客观物象区别于其他物象特征的形象表现手法,它直接抓住物象最本质的方面,诉诸直觉,重视物象特征和...https://mip.book118.com/html/2019/0214/5342142210002011.shtm
2.广告设计技法ppt.ppt广告设计技法 ppt.ppt 上传人:静。语 2018/10/13 文件大小:4.56 MB 下载得到文件列表 广告设计技法 ppt.ppt 相关文档 文档介绍 文档介绍:广告设计技法创意就是独创性或是突破性的点子。而韦伯斯特词典给出的点子的定义是“明确表达的想法或观点”。能够行之有效的产生创意的方法?什么是创意从行为榜样那里寻找...https://m.taodocs.com/p-166733288.html
3.平面广告创意常用技法下载它将产品或主题直接如实地展示在广告版面上,充分运用摄影或绘画等技巧的写实表现能力。细致刻划和着力渲染产品的质感、形态和功能用途,将产品精美的质地引人入胜地呈现出来,给人以逼真的现实感,使消费者对所宣传的产品产生一种亲切感和信任感。 相关下载链接://download.csdn.net/download/phkid/999911?utm_source=...https://bbs.csdn.net/wap/topics/396829393
4....CC2018图形图像设计技法精解Photoshop软件教程Photoshop广告...当当瑞银科技图书专营店在线销售正版《全彩Photoshop CC 2018图形图像设计技法精解Photoshop软件教程 Photoshop广告海报设计PS人像修饰PS抠图滤镜效果9787568411370》。最新《全彩Photoshop CC 2018图形图像设计技法精解Photoshop软件教程 Photoshop广告海报设计PS人像修饰Phttp://product.dangdang.com/11595607853.html
5.14种平面广告创意表现常用技法(图文并茂)1、图文并茂-14种平面广告创意表现常用技法所谓“无规矩不成方圆”,遵循基本规律是创意和发挥的坚实基础。为你一网打尽14种平面广告创意表现常用技法,配以经典广告图解,希望能给开始设计的朋友一些启示。 1、直接展示法这是一种最常见的表现手法。它将产品或主题直接如实地展示在广告版面上,充分运用摄影或绘画等技巧...https://www.renrendoc.com/paper/130842076.html
6.广告创意技巧经典方法有哪些?广告创意是艺术与商业的完美结合体,因此衡量一个好的广告创意也应该看其是否具备这两个基本特性。一个好的广告创意就是用艺术来承载商业信息和商品信息,所以说好的广告创意具有较强的传播力和销售力。因此,研究“广告征服战”的“创意”技法,对于企业和广告制作人更好地利用及使用广告,使之转化为更大的社会、经济...https://gonglue.epwk.com/12443.html
7.广告图文设计需要什么技术广告图文设计是属于平面视觉设计的一个分支,主要的工作业务是围绕着印刷、喷绘、设计制作等。需要具备专业设计能力(基础的标识设计,版式设计,海报设计,易拉宝设计,展板及banner图设计,名片设计,画册设计等)、印刷排版技法(一般在中型到大型的图文广告公司相关的印刷设备比较齐全,要能懂得设备操作与相关设计范式等)。 https://m.hxsd.cn/wenda/1675.html
8.艺术设计专业简介核心课程:标志设计、平面广告设计,包装设计、商业摄影、数码图像处理、photoshop、网页美工设计、视频创意与编辑、会展策划与创意、illustrato表现技法、电商视觉美工设计。 就业前景:广告传媒公司、多媒体运营公司、会展策划公司、包装印刷企业、企事业单位多媒体运营中心等。 http://ys.hcvt.cn/html/zhuanyejieshao/yishusheji/
9.月份牌广告画有何特征随着社会的不断发展,人们开始注重消费品质,因此以月份牌广告画为基础,选取其人物题材、画风、色彩、技法甚至是某一画面的场景,根据不同需求设计出的产品,都可以满足消费者的怀旧情怀和文化内涵的要求。 1月份牌的由来与发展 1.1月份牌的产生 月份牌是入华的洋商为向中国人推销自己的产品时作为赠品的招贴广告画,广告画...http://www.yueqikan.com/guanggaolw/65576.html
1.平面设计师参考!网页banner广告设计技法网页banner广告设计技法 【译者的话】网页上的小广告(banner)已经成为一种宣传推广的重要形式,但这些小广告除了版面细小外,图象的表现还受到象素较低等其它因素影响,给传统的平面设计师带来了新挑战。如何让你的小广告在混乱无章的网页中脱颖而出?本文介绍了几种解决的思路。https://g.pconline.com.cn/x/169/1860879.html
2.第五章平面广告设计的表现技法第五章 平面广告设计的 表现技法 7、省略手法: 将广告作品中图形的某些部分,进行有意识省略,或选择与主题有关的部分进行表现,将与主题无关的部分进行省略这样可以使主体所要传递的信息更突出、更集中。由于进行了省略处理,还能使作品更具艺术魅力。第五章 平面广告设计的 表现技法 8、焦点手法:设计有意识把主要...https://doc.mbalib.com/view/72789d97ae6deb3b15fbd2eb0168fcf0.html?topic_id=6036
3.《POP广告设计》教学大纲二、课程的任务:《POP广告设计》是一门整合营销信息、审美文化和广告艺术技能于一体的传播艺术学科,从属于现代视觉传达设计范畴。通过本课程是学习,使学生掌握不同POP广告是特征与设计方法,了解POP广告字体的风格,对POP广告字体进行大量的训练,从而使学生具有扎实的书写POP广告字体的功底。通过本课程的教学,我们重要的是...https://ys.xxu.edu.cn/info/1579/1434.htm
4....最全的种类和技法全在这里!海报拼贴画设计技巧1.构思设计---我要做什么。 2.绘稿---在画纸上以铅笔绘出图形。 3.分析材料,将材料依形色、质地、肌理等分类整理作适当安排。 4.决定技法---或撕、或剪,决定哪种技法最为恰当和经济。 5.组合---以适当材料先做排列组合,不理想可重新再组合。 https://www.wandongli.com/news_detail.html?id=30543
5.淘宝美工需要做些什么?要学什么?火星时代专注设计培训29年,是中国数字艺术教育的高端品牌,开设有影视后期、游戏设计、游戏开发、室内设计、UI设计、平面设计、淘宝电商设计、商业插画等多个课程。 从产品精修到合成广告,淘宝电商美工技能全面解锁,对应的课程围绕电商设计相关技能,从掌握产品摄影的技法及精修表现,到合成透视分析及后期渲染,全流程覆盖电商...https://www.hxsd.com/content/37364/
6.海报设计怎么做做海报设计有哪些手法技巧→MAIGOO知识摘要:环保是广告公司宣传常用的,好的海报能给人带来深刻印象,这就需要有好的海报设计。海报设计就是对海报进行设计的过程,一般分为明确海报主题、搜集素材、布局排版三个步骤,在正式的海报设计过程中,还可以运用直接展示法、强化特征法、运用联想法、超越现实法、诙谐幽默法等手法技巧,让海报设计效果更好。下面一起来...https://www.maigoo.com/goomai/276156.html
7.平面创意设计的构思方法和表现技法有哪些品牌设计对比手法运用成功的话,开业让看似平凡的画面蕴含着丰富的以为,展现出广告主题的不同层次和深度。 平面创意设计的构思方法和表现技法就为大家介绍到此了,那么,如果有需求的话,可以找专业的平面设计公司来做,这样才能确保质量。https://www.hzvis.com/info/info1/1672.html
8.广告艺术设计通过本课程的学习,帮助学生从整体上把握商业广告设计的基本技法和运用,熟悉广告画面的构成要素和艺术表现,为他们从事广告设计及策划,作好知识与技能上的准备。 8、字体设计:: 通过该课程的学习使学生能够熟练运用现代设计的形式语言进行字体设计,掌握基础印刷字体的书写技巧并能熟练地将字体设计在现代视觉传达设计领域中和...https://www.hbjhart.cn/sjxy/zysz/ggyssj.htm