电商设计师如何转UI选编.docx

INCLUDEPICTURE \d /community/02632c573bf2636ac7253f9afc7b9b.png@800w_1l_2o \* MERGEFORMATINET  注：可能很多人不会称之为电商设计师，个人称呼罢了，请勿见怪 ????这个其实要从我自己说起，我做过电商也做过UI，深刻明白其中需要提升层面，说白了就是父与子关系 ,电商只是UI的一部分，下面给想转型的设计师们一些个人的建议和经验分享，一些仍徘徊在要不要转型做UI设计师的疑惑，防止大家盲目跟风。 ????先从电商案例开始说起，我做电商说久不久，说短也不短，我用案例来说明我走过的路，明白电商的工作和需要哪些技能，我是12年开始做电商，做到14年底吧，两年时间，做出了很多作品，从我第一个作品开始，进入正题。 电商设计师 ????电商设计可以称之为视觉营销，让人第一时间看到他就想买的冲动，让人一看就是自己需要的，需要把产品用图文结合的方式去传达给消费者，让消费者的脑中浮现这个产品的样子，知道这是自己要的，说句简单的就是卖图片，图片的好坏决定转化率（当然这只是重要点之一）,当然一个好的运营起着决定性因素，可以掠你，也可以提升你。 ????????按道理来说，英文排版更排的出所谓的“高大上”的感觉，当然这是我第一份工作的第一份设计，也不算是电商吧，但算是详情页，大家可以很肯定的看出问题所在。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? INCLUDEPICTURE \d /community/02825b573bf28f32f8757cb972b8b7.png \* MERGEFORMATINET  INCLUDEPICTURE \d /community/02634d573bf28f6ac7253f9a515f06.png \* MERGEFORMATINET  ? ? ? ?? 1，构图问题：居中不居中的样子，逼死很多强迫症。 2，字体选择：字体粗细一样，没有层次感。 3，颜色：颜色没有规范，没有思考读者是否能看清楚。 4，产品修图：只能说是抠图。 5，排版：毫无版式可言，完全没法看，参差不齐。 …… ????严格的来说，毫无设计感可言，当时的我还觉得做的挺不错的，说实话我都不好意思拿出来，问我为什么保存下来，呵呵，宝宝心里苦，被掠的不要不要的，所以不要问我那来的勇气出来展示，我???说不出，只想给你们一些思路，请勿打脸！解决方案：有问题就需要解决，其实很多刚入门的设计师都会遇到这种问题，怎么修图，怎么做出感觉，怎么怎么样的，但是说白了，人家有经验的设计师未必会和你说这些，因为对于他们来说，更多的是经验之谈，初级就会纳闷了，你示范一次或者你给个源文件呗，不装B会死啊，我想说真没空！很多东西都是需要自己去观察，自己去理解，为什么要这样做，做的理由，人家为什么可以做的这么好，慢慢学，一步一步去了解，不是人家多牛逼，而是人家多了一双比你更善于观察的眼和脑，所以多看好的案例，自然就区分了哪些做的好哪些做的差，然后提升自己，不要想着一步INCLUDEPICTURE \d /community/023ca0573bf2b76ac7253f9adfed5c.png \* MERGEFORMATINET INCLUDEPICTURE \d /community/02dd0a573bf2b832f8757cb9da225f.png \* MERGEFORMATINET  INCLUDEPICTURE \d /community/02929e573a61246ac72580ed39ffa7.gif \* MERGEFORMATINET INCLUDEPICTURE \d /community/026b83573a617f6ac72580ed85b278.gif \* MERGEFORMATINET  ????这是过了一年后做出来的，很多人也问我要了源文件，问怎么怎么做的，其实对于现在的我，真的很容易，所以我分享下，这是一张详情页开头的海报，我之前写过一篇关于详情页怎么做的文章，大家也可以看看。首先我们分析这张海报有什么，主题，产品，颜色，字体，装饰性用词这些，在黑色环境下的光感,白色和黑色背景下的区别，怎么样去突出他们的质感。产品很重要，意味着产品拍摄角度和修图很重要（不是渲染的，是实物拍摄后期修图），这张图的难点就在这，我之前附上了一张修图过程和制作海报的过程gif（在我作品集里面），希望大家有所帮助，整个详情页也可以移步到一年前的作品集里面去看，用时3天，包括前期拍摄，抠图，后期修图，整个详情页买点整理过程，以及营销图，实物拍摄等,一套下来你需要有很强的思路，下步该怎么做，之前公司