好用到爆的~拼接式设计手法

本人多年设计行业所创造的设计技法之一,希望此技法能帮助大家突破设计瓶颈,解决设计无头绪、无想法、无创意的各种困扰。

日常工作中,我们是否有被需求压的喘不过气来,或者总是拿到一些无厘头的设计需求,却又找不到产品对接人呢?其实,我想这是小公司设计师的通病,很多时候,确实就是这样,领导给个需求,让你做个PC端的网页,要不就是让你改个app,或者让你搞个什么物料,天呐,真的就是一堆不知道怎么搞才好的设计需求,如果这时候你带着期望的眼神和一堆问题去问他,可能还要被臭骂回来:你才是专业的,我就是不知道才和你说的,这些问题得你去想啊!好吧,这可能就是所谓的虽在眼前,却又好似千里吧。

目录

自我摸索出的设计窍门—拼接设计

什么是拼接式设计

拼接设计的巧妙之处

案例—真实界面改版

追述到5年前,步入互联网设计小白的我,和很多人一样,也是在小公司日夜搬砖,遇到需求就发怵,其实倒不是嫌工作量大,主要的问题而是根本就抓不着方向点,拿到需求也不知道该咋办,一脸闷逼的看着老板分发下来的工作要求,却迟迟无法下手,有的时候我也会拿着需求再去找老板,不过……咳!咳!

后来我琢磨,这可能是个病,一个很严重的问题,咱的治啊,先不说别的,如果还想继续在设计行业生存,并且在当前的工作中存活下去,起码首当其冲最重要的当前任务就是得先完成老板一次又一次的需求分配吧,这其实在当时来讲,已经成为我每天重要而又最紧急的任务了。

接下里,我先为大家讲解一下,我这套拼接式设计技法是什么,它主要涵盖的技能点是什么。

首先我为大家讲解一下技法名字的字面意思,先说拼接,拼接:指的就是拼凑,用一堆零碎的部件组件起来,这个过程就叫做拼接。至于拼接的完整物是否得体恰当好用,那就要看你对技法的掌握熟练程度了。而拼接式设计,就是在拼接的字面意思上加入了设计工种行业,意思就是用拼接的手法完成设计工作。

然后我再阐述一下这个拼接式设计手法的主要涵盖点,目前来说,我创意的这套拼接式设计技法基本能涵盖整个UI行业,内容包括有:局部界面拼接、全局拼接、组件拼接、图标拼接、插画拼接、色彩拼接、思路拼接。

大家或许会疑惑这种技法真有这么强大么,这可以说是几乎涵盖了所有的设计领域了,其实不然,这里我个人感觉只是谦虚的认为是这样的,但在工作职场、学习方式、日程排期,等等的范畴内,其实我同样也用到了这样的技法,并且同样适用,其实只要能掌握拼接技法的核心逻辑,它几乎可以在任何条件下帮你解决任何问题。

正序推导法~拼接拆解与组合解说

说到这里了,我还是为大家上点实实在在的东西比较可信,但是为了让初级设计师先进入状态,我用正序推导法用几个简单的例子来为大家解说一遍,然后再为大家逆时针倒叙,为什么要这么做呢,这是因为正序推导法是直接拿零碎部件拼凑,没有思路理论支撑,无任何压力感,是快速练习该技法的好办法,而倒叙拼接,难度较大,他需要先理解UI逻辑,然后再进行拼接,也就是刚才我说到的逻辑思维配合,适合成熟掌握该技能后的练习。好,先来正序…

首先我以APP界面为案例进行展示,通过简单的界面选择和对参照界面的局部提取,当前展示如下,大家应该能发现,作为正序推导法的拼接式设计,难度并不大,可以说只要有参照物,就可以进行,并没有严谨的逻辑思维在内,所以,非常适合初学者练习使用。

然后我按照图片内的参照物提取点,先是进行了一个原型拼接,目的是为了让自己对当前拼接的模型进行一个大致的轮廓描绘,当有了雏形后,我在将参照物的视觉提取点全部摘出来,拼接入我们的原型界面内,这样就形成了一套新的界面风格了。

2、图标类的拼接设计

好,当我们对图标参照物的优点提取完之后,就可以从新进行拼接与设计了,并形成一套新的图标设计,在图标拼接设计即将接近尾声时,我们还可以再去寻找一些其他的图标风格样式,并寻找一些最终可以提升整个图标精致度和装饰性的技法进行嫁接,这样可以更好的使最终设计的图标更加绚丽和丰富。

插画类的我就不在为大家展示了…我们继续往下看

倒叙推导法~具有严谨逻辑的拼接技法

我简单给大家举个例子:假如公司有一个外卖类(类似于美团)的产品界面需要我们去改版或新设计,如果在不了解产品导向和用户目标的情况下,设计师为了好看与视觉突出,随便地找了几个参照物进行提取在拼接,最后大家能想象到结果么?我这里简单阐述一下,首先第一点就是一定不符合产品逻辑的,界面第一行该放什么?banner该做多大的,内容是什么?金刚区功能优先排级了么?谁该在前谁该在后?该不该有瓷片区?图片是该放真实的实物还是该画插画呢?等等等等,这些都是需要在寻找拼接参照物前就要考虑清楚的,不然你连找什么样的参照物都不知道,这就是锚定效应。

所以大家注意,这个锚定效应概念对我们当前这个倒叙推倒的拼接技法是具有非常重要意义的,只有当你知道了锚定(基础的产品界面功能思维参照起点)后,你才能真正根据设定的界面功能逻辑进行参照物的寻找,这点大家一定要捋顺,我们做界面产品设计,是使用的倒推手法,而产品是需要正推手法的。

好,那我继续用案例呈现倒叙推导法的拼接式设计技法。

倒叙推导法~拼接式设计案例实操

案例前缀:现在我接到一个客户的订单,客户希望我帮他设计一个家装类的app,如果按照正序推导法的话,我需要做的是直接找案例,找参考,然后收集过来后直接进行优点提取编辑,然后进行拼接即可。但按照倒叙推导的话,这件事就不能这么做了,正确的步骤做法如下(以下我只对首页进行推导设计):

2、信息归类筛查

根据第二步内的功能确立和配色规范,我们就可以进行产品框架的梳理和功能的优先排级了,并实现最终和客户的产品思路一致;

目前这一步,就可以开始绘制草图或者原型图了,并且同步判断界面功能是否完善,在不考虑排版的情况下,将第二步已经确立的功能和框架对应加入原型图内,目前这个时候大家需要注意下,只对功能做全局展示,先不要过多考虑将优先层级套用进来;

5、参照物寻找与优点提取

5.1、图标参照物

5.2、模块参照物

6、最终的拼接式视觉设计

通过以上全部倒叙的流程梳理与汇总,最后我们要做的就是将这些参照物的所有灵感和创意汇聚一堂,然后单独将刚才第三步的功能排级和定位,进行合适的配置,最终就可以形成标准的、符合市场的、对应需求的界面设计了。当年,这并不是说就完完全全符合市场且没有问题的,一款标准的APP设计,都是需要有不同部门的调研和筛选,然后编辑PRD文案后在进入评审阶段后才得出的结论,而我当前教大家的,更适合自我提升、小公司和对接客户场景使用,希望大家正确理解。最后,给大家看一下我做出来的拼接界面效果图。

总结

好啦,到这里差不多就结束了,我最后做一个汇总。

对于整个拼接式设计手法来说,整体的拼接技法对于大家来就讲,可能看起来难度并不是很大,但如果你上手实操一遍就会发现,选取参照物不难,提取优点也不难、拼接过程还是不难,最难的地方是在如何将完全不同风格的零部件装入一个设计容器稿的同时,还能保证整体的整观性与统一性,并且随着项目体量的增大,拼接技法就会越来越难以实现,这是因为你的零碎部件越来越多,也就会越来越杂,这个时候就必须运用产品思路做支撑点,然后进行界面拼接设计了。

本文由@西瓜的设计原创。未经许可,禁止转载

UI社是专业的UI设计网站,致力于成长为最好的精品UI设计素材资源网站!

THE END
1.你知道哪些平面设计中的表现手法呢?重复的一般概念是指在同一设计中,相同的形象出现过两次以上,重复是设计中比较常用的手法,以加强给人的印象,造成有规律的节奏感,使画面统一。所谓相同,在重复的构成中主要是指形状、颜色、大小等方面的相同。重复中的基本形:用来重复的形状称为基本形,每一基本形为一个单位,然后以重复的手法进行设计,基本形不宜复杂...https://www.jianshu.com/p/6a53a7c14317
2.影响新冠病毒核酸检测Ct值的因素有哪些?患者准备、标本采集时间和手法、核酸提取效率 、试剂盒设计靶点...诸多因素都会影响新冠病毒核酸检测Ct值。 Ct值,其完整名称为Cycle Threshold Value,中文翻译为循环数阈值。在新冠病毒核酸检测中,Ct值越小,代表病毒浓度越高;Ct值越大,则表示病毒浓度越低。 在核酸...https://wallstreetcn.com/articles/3661241
3.海报设计要考虑的因素及表现手法有哪些?海报设计要考虑的因素及表现手法有哪些? 海报设计从最初的电影演出海报演变到今天的商业活动海报,经历了时代的变迁,但是最初的目的却是种没有改变,都是为了传播信息,特别是如今的商业海报,充当着传递商品信息的角色,使消费者和生产厂家都可以节约时间,及时解决各种需求问题。对于企业来讲,随着科技水平的不断提高,产品...https://www.qxpspx.com/news/311.html
4.2023年一级建造师《建筑实务》真题及答案解析2、灌注桩桩身整体性检测手法有哪些?桩身完整性抽检数量的标准规定有哪些? 答:(1)钻芯法、高应变法、低应变法、声波透射法。 (2)工程桩的桩身完整性的抽检数量不应少于总桩数的20%,且不应少于10根。每根柱子承台下的桩抽检数量不应少于1根。 http://m.huiyingedu.net/h-nd-3133.html
1.如何设计家具的外观?这种设计有哪些风格选择?房产频道这种设计有哪些风格选择? 在家居设计中,家具的外观设计不仅是功能性的体现,更是空间美学的重要组成部分。一个精心设计的家具外观,能够显著提升居住环境的舒适度和美观度。以下是关于家具外观设计的一些专业建议和风格选择。 首先,家具的外观设计应考虑其功能性和实用性。例如,沙发的设计不仅要考虑其外观的美观,还要确保...https://house.hexun.com/2024-11-06/215371663.html
2.平面设计常用表现手法有哪些平面设计常用表现手法有哪些 平面设计的魅力,它能把一种概念,一种思想通过精美的构图、版式和色彩,传达给看到它的人。其实只要掌握一些平面设计的规律,灵活运用,我们也能做出美妙的设计。本系列文章将向您介绍十余种平面设计的常用手法,希望对您有所帮助。 https://www.yjbys.com/edu/pingmiansheji/407433.html
3.平面设计常用表现手法有哪些.平面设计常用表现手法有哪些每当翻开一本版式明快,色彩跳跃,文字流畅设计精美的杂志,你都有一种爱不释手的感觉,即使你对其中的文字内容并没有什么兴趣,有些精致的广告也能吸引住你。这就是平面设计的魅力,那么平面设计常用表现手法有哪些呢,一起来看看!形象是物体的外部特征,是可见的。形象包括视觉元素的各部分,...https://m.renrendoc.com/paper/169273219.html
4.海报设计怎么做做海报设计有哪些手法技巧→MAIGOO知识海报设计就是对海报进行设计的过程,一般分为明确海报主题、搜集素材、布局排版三个步骤,在正式的海报设计过程中,还可以运用直接展示法、强化特征法、运用联想法、超越现实法、诙谐幽默法等手法技巧,让海报设计效果更好。下面一起来了解一下海报设计怎么做以及做海报设计有哪些手法技巧吧。https://www.maigoo.com/goomai/276156.html
5.logo设计元素有哪些?logo设计有哪些方法?logo设计元素有哪些 3、正负形 这种方法是通过图底互换的巧妙安排,精心布置,寻找图形与图形组合的趣味性,体现图形组织的巧妙,从而把最小、最简洁的图形所传达的语义最大化。 4、象征手法 通过对动物、植物、环境等要素进行创意联系,与品牌文化进行结合,从而凝聚出来一种图形,大多数设计师常用的方法。 https://www.goobai.com/logoxw/8073.html
6.汉字字体设计的11种设计表现手法,总有一款你喜欢的文字是设计中的重要一环 对文字进行创意处理 可以创造出富有视觉冲击力的字体 汉字设计更如是 在现代美学理念及其形式风格的影响下 汉字设计越来越强调 点、线、面、形、色和质感等 视觉要素的综合运用 那么常见的汉字设计手法有哪些呢 一起来康康吧~ https://www.cdcxhl.com/hangye/ggzz/n6576.html
7.如何绘制动漫分镜,分镜的表现手法有哪些?如何绘制动漫分镜,分镜的表现手法有哪些: 在动漫故事创作流程中,分镜头脚本作为将文字剧本转化为视觉化的画面形式的脚本,是整个故事动漫创作的指导性蓝本。在整个动漫创作流程当中具有指导性的作用。那咱们要如何画好动漫分镜呢? 一、分镜的表现手法 在每一个页面中,切分出不同形状的场景框来进行编排并表现故事情节。https://www.huanghelou.cc/post/17345.html
8.卡通形象在造型上有哪些表现手法电影《帕丁顿熊》运用了多种摄影技术。 全景镜头主要用于场景展示和氛围营造。 电影中多采用全景镜头来展现伦敦街头的城市景观卡通形象在造型上有哪些表现手法,营造出英国的浪漫氛围。 特写镜头主要用来表现人物的表情、动作和细节,增强情感表达。 电影中,巴顿熊可爱的表情和布朗一家人的温馨互动,使用了很多特写镜头。 https://wen.nuanque.com/katong/1958.html
9.手绘表现技法有哪些手绘表现技法有哪些 手绘是应用于各个行业手工绘制图案的技术手法,设计类手绘主要是前期构思设计方案的研究型手绘和设计成果部分的表现型手绘,前期部分被称为草图,成果部分被称为表现图或者效果图。下面小编来给大家介绍手绘表现技法,希望对大家有帮助! 1、马克笔画(包括仿马克笔画)技法 ...https://m.oh100.com/peixun/shouhui/383972.html
10.说明文的写作方法(通用11篇)4、鸡肉、鸡骨、鸡内金的用途有哪些? 设计问题的主要目的是为介绍说明确定方向的,心中有了方向,写作时就会紧扣主题,有序而集中地说明确定题材,才不会造成无话可说,偏题、散乱无序的现象,为成功地写好说明文把好又一关。 四、谋篇构思 谋篇构思实际就是对确定的说明文题材的一个雏形规划设计,是一篇文章篇幅长短,顺...https://www.unjs.com/zuowen/shuomingwen/20240106071952_7869232.html
11.小说封面设计小说封面公司有哪些方面小说封面设计-小说封面公司有哪些方面 【摘要】三文品牌为大家分享小说封面公司封面设计、小说封面公司封面设计理念、并提供大小、封面类别、封面类型、封面基本常识等封面设计创意说明供您参考。 小说封面设计对于商务化系列的企业封面设计来说,风格设计手法都是不一样的,除了常规的素材运用,版式色调搭配之外,最重要的...https://www.3wen.com/wenzhang/id/4775.html
12.写作手法有哪些种类写作手法有哪几种及作用5篇(精选)写作手法有哪些种类 写作手法有哪几种及作用篇一 一、表达方式常见的有五种:记叙、议论、抒情、描写、说明。 二、修辞手法种类很多,有大家熟悉的:比喻(明喻、暗喻和借喻,博喻),借代,夸张,对偶,比拟(拟人、拟物),排比,设问,反问。其它的互文,起兴等在文言文中用得较多,也可以了解一下。 三、表现手法较多,较复...https://fanwen.chazidian.com/fanwen2211655/