设计进阶技巧，如何打磨视觉设计细节 UI/UX 22年6月20日 编辑 京东设计中心JDC 取消关注 关注 私信 随着体验设计的持续发展，行业内各领域的体验设计质量都有了很大的提升，并且各个竞品之间的差距越来越小。而更高的界面细节设计质量不仅是各个大厂产品体验设计的追求，也是我们拉开竞品差距的关键一环。我们平时可能阅读了很多理论知识文章，但往往在实际工作中却较少运用。学习掌握理论基础知识固然是很重要的，但在设计执行时掌握设计技巧也更能提升工作的效率和质量。那么在设计执行层遇到问题有没有一些立竿见影的解决方案呢？本篇文章分别从视觉创意的角度分析，希望可以帮助你遇到问题时另辟蹊径，延伸更好的设计思路。 设计分析 专题设计中，首先的设计重点是头图的视觉设计，就像是两个人相识，和见面第一印象一样重要。那么关键因素也是要给对方留下深刻印象和特点。在新的社会及经济环境下唤起人们对生活的热爱以及带动消费者来京东购物，提升GMV。 一个好的专题页中头图内容，是整个页面的重中之重，好的头图设计，有创意，整体效果和谐，用户印象深刻，内容传达有效，视觉元素有延续和继承。头图作为专题的第一印象，其重要性可想而知。 一个专题头图的组成： 1. 主体：视觉焦点，主导着整个设计(可以是人/物/文字/图片)，整个版面最吸引人的部分，相当于主角的作用。 2. 文案：对主体的辅助说明或引导，毕竟有时候我们放一只joy元素在里面，用户也不能准确的知道它在说什么，配角的作用。 3. 点缀元素：装饰元素，可有可无，具体根据版面需要;好的点缀元素能够渲染气氛，大部分的点缀元素遵循三角形原则，类似下图中的云朵，群演的作用。 4. 背景——可分为纯色/彩色肌理/图片/图形等。 那么一个成功的专题头图，大部分会具有以下几个出彩的要素：风格创意、色彩、构图、细节等。 一、主视觉风格设定 优秀的头图主视觉是专题设计的灵魂。 设计头图主视觉首先要考虑的是头图的设计风格，根据不同的题材，选择不同风格的视觉设计。一般我会事先在纸上或是脑中勾勒一个大概，有些专题没有具象的视觉元素那么就从专题的文字入手，如果实在不带感，可以将一些与专题相关的元素先拼凑在画布上，然后尝试各种组合，也许一会就能擦出火花。 视觉表现主要分为功能性和艺术性，功能性更加关注人的视觉冲击，主要在视觉传达设计的目标和功能上有所体现;艺术性对视觉传达设计的审美特性更加重视。而主视觉头图则是更注重艺术性。 主视觉设定思路：通过发散,演绎出618的视觉概念,结合品牌资产JOY图形开启618,承载优质的内容及货品,唤起更多对生活的热爱,让用户及平台变得更美好, 加深用户对京东平台的品牌印记，最高一层就是视觉与信息的唯一匹配，这也就是我以后看到这个设计就只会想起某个特定品牌。 1、尽量用品质好一点的产品图或背景素材，使画面显得更加美观； 2、尽量使用可以延展的定位品牌形象，增加识别度和品牌感； 3、添加一些飘动的元素，可以增加画面的层次感和热闹氛围； 4、增加光影的存在会给画面增加更多真实感和质感，赏心悦目。 二、色彩整理 有些设计师认为有些色彩是一些纯粹的美学上的选择，但是实际上，色彩对于用户的心理和行为的影响相对更深，最终会反映在用户体验和行为反馈上。 经过深思熟虑的配色最终会从「不错」提升到「优秀」，平庸的配色最终会降低用户体验，甚至会影响网站本身的可用性。 当然，色彩理论是一个相对复杂的主题。从用户体验的角度上来说，色彩所涉及到的远不是配色方案这一个维度。通常，我们聊得最多的是不同色彩所产生的心理效应，以及多色彩搭配的时，相互之间的影响和可访问性上的问题。 很多同学喜欢用渐变色，但是有时候会把颜色弄得有点脏。 我一般建议新手在拉渐变的色的时候，首先尽量不用同色相渐变，比如这种都是蓝色，会显得比较呆板： 可以有一些色相的变化，像这种，暗处的蓝色往紫色偏一偏就会丰富一些： 在短时间以内，流行色的趋势变化，对于用色也也同样存在影响。这种影响是非常直接的，在时尚行业有着非常直接的体现，尤其是网页和UI设计行业 蓝色、紫色的流行在UI设计上则体现得非常明显： 蓝色：信任、沟通、忧伤。蓝色是受欢迎程度最高的色彩，明亮的蓝色与忠诚度和信任。紫色：高贵、灵性、神秘。紫色自古以来就是和皇室、财富联系在一起。紫色还能唤醒创造力，因此也是一种独特的色彩。 在进行品牌设计的时候，选择配色的第一步，始终是了解各种颜色或者色相的气质和情感属性。然后在具体设计的时候，进一步根据品牌的气质和需求，在色相的基础上调整明暗和饱和度。 精心设计的配色方案，尤其是一些意想不到的配色，不仅贴合美学上的需求，而且可以对用户产生心理影响，让视觉看起来更加独特，带来更加独特的用户体验。 三、设计构图 “构图”都是一个重要、严谨的话题。设计构图首先要饱满，各元素占据画面的比例要恰到好处，在设计中，为了使画面呈现出饱满、空间运用合理的布局效果，我们可以通过调整图片和文字在画面中的大小尺寸和排列位置，来改变画面的布局与结构，使空间得以最大程度的利用，从而呈现出画面平衡的画面效果。 用户本能地会对不平衡的设计感到厌烦，平衡是一个作品中最重要的元素之一。平衡中的对称关系能够创造平衡与和谐，这种平衡状态直观上能够让用户感到舒适。 “构图”都是一个重要、严谨的话题。设计构图首先要饱满，各元素占据画面的比例要恰到好处，在设计中，为了使画面呈现出饱满、空间运用合理的布局效果，我们可以通过调整图片和文字在画面中的大小尺寸和排列位置，来改变画面的布局与结构，使空间得以最大程度的利用，从而呈现出饱和感的画面效果。 四、细节塑造 无论是在人生道路上还是工作上都是细节决定成败，而想成为一个优秀的设计师对细节设计的掌握也非常重要，打磨细节也是我们作为设计从业者不可绕过的一个环节。在提升用户阅读效率的设计中，比较重要的就是主次要分明，将需要让用户了解到重要信息需要放大，让用户的视觉动线有落地点 在设计时可以使用以下设计样式，可以让设计更柔和，视觉效果更整体，也可以加一些色调元素会让设计更有细节。 五、总结 细节决定成败，优秀的细节设计能让设计体验更加出彩，优秀的设计师都应该对每个细节有着极致的追求。其实我们可以从技巧中总结出一些规律，举一反三融会贯通灵活运用在各个场景中，提升设计细节品质。以上就是本篇文章分享的全部技巧了，希望这些内容对大家能有一点启发，非常感谢。 本篇文章来源于微信公众号:京东设计中心JDC 京东设计中心JDC
