电商平台有哪些电商类app用什么颜色当主色，软件界面颜色搭配 _睿知

一、怎样打造极致用户体验，提高用户粘合度
一、整体颜色一致性app从图标下载后，图标的确定就是主色和app内容主色的确定。App对色调的选择也很有讲究。电商选色多为红色(橙色) 。红色主要能引起人的购买欲。黑色也是电商的主要选择。那是因为黑色高贵神秘，多是奢侈品电商app使用的主色调。比如蓝色有一种自由的感觉，适合旅行。比如绿色更多被社交IM产品使用。虽然颜色有差异，但整体设计理念不会改变。从点击app到进入app主界面，整体色调要给人一种过渡和谐的感觉。所以这就是我们要谈的色彩一致性。淘宝和JD.COM在进入后的app图标和主界面保持相同的主色调，就是为了这种过渡和谐的感觉。这种整体色彩感官体验大大增加了用户的好感度。第二，app的所有结构整洁度整体上保持了结构上的视觉整洁。很多时候，我们在浏览app的时候，会觉得电商或者O2O的首页不干净。因为业务承载量太大，无法保持绝对意义上的干净。电子商务主页设计遵循一定的规则。请参考我之前的文章《移动端电商类页面设计说》，微信官方账号第43篇。这个设计规则保证了电商app在设计上保持一定的整洁度。洁癖到了一定程度就不太简单了。太简单可以让app保持干净，但是承载不了业务。所以在产品设计上，洁净度一定要在合理的范围内。比如：微信的发现功能页面。它以好友为一排，扫摇为一排，附近的人和漂流瓶为一排，购物和游戏为一排。这是显示中的某种整洁，有助于用户快速找到想要的功能。假设这里只是简单的列表页面排序，没有这样的区别，用户的感觉会很不好。所以结构的整洁是为了保证用户操作的便利性。第三，在保证首页内容完整性整洁的基础上，可以保证展示首页内容完整性的前提。作为app的首页，你最需要展示的用户是你最优质的内容(服务或商品，每个品类不同的app)业务。而这个内容是你用户最大的痛点需求，可以牢牢抓住用户的心理。也就是可以停留2秒，使用app 。至于内容完整性，由于移动端屏幕较小，大部分电商和O2O产品都会使用Icon作为品类选择。虽然增加了用户路径，但保证了用户在首屏就能快速了解所有服务。对于音乐产品来说，最重要的播放器会放在底部，一是快速播放功能，二是展现内容的完整性。如果玩家被移出主页，后果不堪设想。包括新闻app，把它们全部归类到最上面，也是在业务层面展现诚信的一个选择。首页的内容展示完整性保证了所有的商家都能最快速的触达用户的内心。用户已经对你的应用能做什么留下了第一印象。第四，逻辑思维的正确性。人机交互包括：点击、输入、滑动手势、重力感应、指纹等交互。尤其是点击、回车、滑动手势是交互逻辑最关键的操作。我们想做的是让用户可以知道点击后会显示哪些内容页面。这种交互逻辑在用户体验中有一种微妙的快感。在电商app中，点击逻辑大多可以构成一组用户购物路径。逻辑顺序必须正确，否则购物过程无法保证。在电子商务的支付过程中，用户的姓名、手机号、地址(地址中由大到小的过程)是输入的逻辑顺序。如果你先输入你的地址，然后是你的手机号码，然后是你的名字。这就是输入的逻辑不准确，这个准确也包括用户习惯的逻辑。手势多用于返回，下拉刷新，拉起滑动。事实上，简单的滑动手势也会影响逻辑。
在一个喜欢推下午茶的软件里，把刷新模式改成上拉模式，其实是一个非常反人类的设计，逻辑正确性大打折扣。保证交互逻辑的正确性是用户体验中快感最重要的组成部分。五、产品交互文案的可读性在app内容中，文字占据了绝大部分内容。在产品设计上，我们会涉及到很多产品交互文案。文案的可读性保证了用户在使用我们app产品过程中对简单操作的认知。比如最典型的弹窗是IOS或者Android系统级别的，很有讲究。假设你需要让用户更新，你的副本一定是XXX版本XXX1.01更新。然后底部有确定和取消按钮。但其实你补充一下：更新这本书会有XX个新功能。它将帮助您提高用户升级版本的机会，并确保可读性。当然也可以把最下面的按钮改成单按钮：(知道了。)还能让用户不假思索地做出选择。文案多使用通俗易懂的句子，在设计选择上尽量使用单线程的用户思维模式。文案的可读性更能抓住更多小白用户的心。第六，输入框的便利性从这里开始，这是一个比较小的关注点。首先是输入框。登录时，我们有输入框。聊天时有一个输入框。当你购买商品或服务时，你在填写信息时付款。输入框是除按钮外最重要的组件。输入框的便捷性是用户使用它的保证，用户输入时一定不能有挫败感。例如，许多输入框、登录名和一条水平线。当手指触碰登录名，没有点击横线时，键盘不弹出。用户第一反应一定是卡片机？第二个反应是强烈的挫败感。在这种细节把握上，一定不能让用户感到沮丧。当你登录并输入用户名时，会弹出英文键盘。当您输入电话号码时，数字键盘会弹出。这些微小的差异正是用户在输入上便利性的体现。输入框不仅仅是技术数据交互和抓取，在产品设计上也很美观。更注重用户使用的动机。七。按钮交互的关键性按钮是app交互中最常见的组件。包括底部导航、确认或取消按钮、后退按钮等。作为app的核心功能组件，没有按钮几乎无法生存。触摸屏的诞生，更加注重了按键交互的严谨性。刚性不仅包括逻辑正确性，还包括对用户文案的简单理解。按钮几乎是第四和第四。
五的结合点。在电商购买页面中，我们会把按钮购买按钮作为吸底式按钮放在底部。一般性是左边是加入购物车右边是立即购买。因为这里有逻辑上严谨性，右边更为重要。还有也是用户操作习惯上的严谨性，右边多为更关键的操作。而客服，店铺，收藏等辅助按钮需要弱化，因为它对主购买流程不构成影响。这里这样做的原因还有需要去除用户过多的思考。按钮严谨性不言而喻，因为每一步流转，都是一次用户流失的过程。为了避免用户在按钮点击过程中流失，我们更需要关注按钮的严谨性。八、表单列表简洁性表单列表的组件在app中的使用会很少，即使在web端设计中也是需要更少的展示。因为现在用户在移动端养成的快速和碎片化浏览习惯非常不利于表单和列表展示和输入。app端中展示表单和列表组件更是对小屏幕一种展示的不简洁性。所以在app产品设计中，能避免就避免，能用别的方式展示就用别的方式。但是没有办法的时候，一定要展示的时候，就要十分注重简洁性。列表展示时，内容、文字展示要保持整齐。一般多使用除了列表外其他空间展示留白设计的方式。当表单需要填写时，一定要将填写内容进行逻辑上划分层次，让用户在输入完成时有种一个阶段完成的成就感在当中。还有就是能少填就少填，能点击选择则不选输入方式。表单列表的简洁性极大的帮助了用户在使用时不会产生厌烦感。九、图片专注性instagram的在国外的火爆印证了图片的重要性。微信朋友圈中直接发图片的设计也是图片重要性的体现。图片需要追求极致的专注性。图片在社交和电商等很多app上有着极大的重要性。在电商app中，你的商品图片、banner图片都是直接转化购买率最重要的先决条件。在社交app中，你的图片美观程度决定了你的点赞数目和浏览评论数目。图片也是更能抓住视觉最重要的体现。特别当你使用移动产品的时候，几乎一个屏幕就会展示一张图片或者半张图片。这里的图片的专注性不言而喻。特别是Airbnb那样通过专业的摄像图片提升了用户量的按钮后，也证明了图片的专业性也是十分重要的。一张好的图片展示，是很能影响用户的体验的。十、错误分支回溯性错误分支的多半体现在否定逻辑上。错误分支回溯不仅仅是让用户点击再浏览别的网页，更主要体现在返回和否定逻辑上。回溯性主要是让用户集中在主功能中进行很好的体验。这里回溯性设计上最优秀的是微信在通讯录和朋友圈上的聊天回溯性。(你可以去点击通讯录和朋友圈好友聊天，看返回到了哪里。)电商中的回溯，是对用户沉浸浏览的一种保障。包括从你不想购买的东西页面回到在选择想买东西的页面。还有就是你取消支付或者购买之后的页面返回的地方。每一步错误回溯都是对用户心里把控和认知的过程。

文章插图
二、APP界面设计注意什么？APP界面设计应从图片、文字、色彩、图标、留白这些方面注意着手于设计。1、图片，如同一个人的衣着品味图片在APP中是非常常见的，图片的展现形式和图片的质量都影响着用户对产品的感官体验。图片的定位就如同一个人的衣着品味，不同的穿衣风格会使别人对你作出不同的判断，为你打上不同社会属性的标签。下面我们一起来看看图片在APP设计中需要注意的关键点，将会从图片比例、一致性、图片质量与真实性等方面进行分析。1.1、图片比例有什么讲究？不同比例的图片所传达的信息主体不尽相同，根据产品属性我们会选择与之相符的图片比例进行整体的框架布局。通过体验一些主流的APP，我们会发现一些比较常用的图片比例，如 1:1、4:3、16:9、16:10等等；也会发现一些打破常规比例的设计，我们需要分析它们的性格，结合自身产品的特点，才能在自己的APP设计中合理的加以运用。1:1强调主体的存在感1:1的图片比例是比较常见的一种设计比例，利用此长宽比更容易将构图归整得简单，突出主体的存在感。常用于产品展示、头像、特写展示等场景，在电商类APP中尤为常见。4:3图像紧凑、更易构图4:3的图片比例可以使图像更紧凑，更易构图，方便设计师发挥。由于手机屏幕容量较小，作为全屏展示时，该比例在App设计布局上面占用空间较大。16:9电影场景般的效果16:9的图片比例可以呈现电影场景般的效果，多用于横向构图，是应用非常广泛的尺寸比例之一，能给用户一种视野开阔的体验。在很多影视娱乐类APP设计中运用广泛，如腾讯视频、网易云音乐等。16:10拥抱黄金比例黄金比例就像金字塔上的明珠，越接近她越有魅力，反之会魅力减弱，16:10的图片比例最为接近。设计没有绝对的标准，我们可以遵循一些优秀的经验规则，但是也要敢于突破规则，尝试更多的可能性。X:≤Y瀑布流设计X:≤Y代表宽度固定，高度在最大值之间自定义的瀑布流设计，在一些用于用户没有很明确的目的，只是喜欢获取尽量多的信息的情况下采用这种设计方式。X:≤Y的图片比例要注意高度的控制，不要超出屏幕可显示区域的范围，如花瓣网在750x1334px的设计中高度最大值为：848 px 。以上列举的仅为部分常用比例的分析与说明，还有更多的比例这里就不一一演示，分享的目的是让大家养成分析的习惯，结合自身产品特点选择适合的图片比例。图片比例选择方式：a. 以商品展示效果为准，选择能够充分表现商品特点的图片展示比例；b. 以产品气质为准，选择符合产品内容气质的图片展示比例；c. 结合产品特点选择合适的常用比例；d. 根据版面布局灵活的自定义特殊的比例值；e. 分析→打破→创新，创造出符合某种规律或者美学概念的比例值。1.2、图片比例的一致性当我们结合产品特点确定合适的图片展示比例以后，需要针对整体的布局与图片分布情况，规范出那些布局可以采用相同的图片展示比例。在保障视觉效果与交互形式的情况下，相同的主体，在不同的页面中最好采用相同的比例呈现，这样的好处不仅可以保持视觉表达的一致性，也能给后期运营维护带来便利。1.3、提高图片的质量越来越多的产品对图片质量开始加以重视，比如网易严选对产品图片的拍摄与处理都有严格的规范，目的就是为了提升产品气质和在用户心中的印象。我们在设计的时候更要以最佳的图片来烘托我们的设计稿，图片的质量影响着整个界面的格调。很多伙伴儿会觉得图片都是后期运营上传的，我设计稿做得再精美最终也是没用的。对于这个问题我的观点是这样的：a. 最佳的设计输出是设计师专业的体现；b. 把最好的效果呈现给决策者，增加他对你设计能力的印象；c. 通过制定运营视觉规范来把控图片质量，是可以严格把控你对图片的视觉追求；d. 你的态度会给你带来好运。1.4、图片的真实还原虽然前面提到图片质量的重要性，但是我们不能为了视觉效果选择一些与主题无关的配图，这样也会给决策者一种误导。我们可以提高配图的质量，但是需要保证图片的真实还原，这样才能让你的设计作品更加真实合理。在一些本土的产品设计中，对于国外图片素材的运用，需要谨慎对待。如案例中的模特形象，文案信息的传达更加偏向于国内的场景，如果运用一张国外的模特素材也许逼格更高，可是却无法真实的还原产品场景，会给决策者传达一种错误的认知。2、文字，我只想知道重点在那里文字设计的层次感决定了信息的高效传达，通过对文字信息的层次处理可以有效的帮助用户获取信息，提高用户对产品的操作效率。2.1、对文字信息进行层级区分当我们拿到交互原型或者别的需求文档时，我们需要对文字的信息层级进行有效的区分，这样才能让用户快速的获取和理解信息传达的内容。文字信息可以简单划分为重要信息、次要信息、辅助信息等。在进行文字排版时，需要明确的梳理好信息之间的层级关系，提高用户对产品的整体体验。通过对字体大小、颜色、留白、层级划分等处理，把相同属性的信息归类设计，让整个信息排列主次分明，层级清晰。设计师在对文字进行视觉表现时，为了达到整体界面的视觉平衡也需要减少对文字样式的运用，不可为了突出文字信息而采用过多的表现样式。2.2、预估好信息呈现的最大值当我们在进行界面设计时，初级设计师往往会忽略文字信息的最大值，只是按照自己的习惯进行完美的布局。最终进入到测试环节时才发现为什么比自己预期的字数多出这么多信息，此时就会出现返工的情况，给整体的产品开发进度带来风险。作为一名合格的UI设计师，我们需要预估好信息呈现的最大值，而不是取最小值或者随意进行设计，这样将会在执行的过程中遇到更多不可控的风险。2.3、善于利用提示符进行设计在一些会出现大篇幅文字信息的界面设计中，为了提高用户对信息的获取效率，我们会根据整体视觉效果选择合适的提示符进行设计。很多初级设计师会过于遵循交互原型，往往对大篇幅文字的处理过于随意，只做着交互原型的美化，缺乏对用户体验的主动性。在进行产品交互设计时，有时候产品或者交互无法站在视觉的角度进行信息的梳理和布局，我们需要利用自己的专业来优化你觉得可以更好的地方，也能为你在整个产品环节中树立专业性。关于提示符的设计表现形式主要有数字、字母、图形、色块等等，只要能有效的区分信息层级即可。3、色彩，如何成为“色”计师色彩给人的感受是最直观的，不同性格的配色传达不同的情感。关于配色有一些方法可寻，但是也存在一定的感性判断。作为视觉设计师，我们需要学习理性的方法技巧，也要不断欣赏优秀的作品，提高自身的审美能力。3.1、色彩基础知识色彩分为无彩色系和有彩色系，无彩色系是指白色、黑色、各种深浅不同的灰色；有彩色系是指红、橙、黄、绿、青、蓝、紫等颜色。关于色彩的更多理论知识这里不做展开，大家自行脑补色相、纯度、明度、对比、性格等等方面的理论知识。3.2、建立色彩库作为初级设计师我们对配色的把控不是很稳定，为了提高工作效率，我们需要通过一些理性的方式建立大量的色彩库，应对不同的需求。下面列举部分个人比较常用的方式供大家参考，色彩收集的方法有很多，我们只需要掌握几个比较适合自己的即可，只要养成习惯并长期坚持，哪怕只运用一种方式，也是收获颇丰的。a. 通过各类APP采集色彩体验不同领域的APP，建立不同领域对APP色彩组合的选择，为后期项目设计奠定基础。根据主色进行分类，如红色系列：网易云音乐、京东、网易严选、网易考拉等等；也可以根据产品气质分类，如文艺、时尚、科技、可爱等等。b. 通过Dribbble采集色彩在Dribbble上面，每一幅作品右侧都有该作品的配色文件，发现优秀的作品要养成这种采集配色文件的习惯。c. 通过摄影作品采集色彩通过优秀的摄影作品采集色彩也是常用的方法之一。采集方式：Photoshop打开图片→存储为Web所用格式→选择GIF格式→颜色选择 8→颜色表中双击色块→拾色器d. 通过马赛克采集色彩借助Photoshop滤镜将图片进行马赛克处理，可以得到优秀作品或者摄影图片的配色组合，特别适合采集同色系的配色。采集方式：Photoshop打开图片→滤镜→像素化→马赛克→设置单元格大小e. 从电影中采集色彩相信大家都喜欢看大片，这部片子之所以能得到大家的追捧，必定有太多值得大家学习的元素。作为神经敏感的设计师群体，那些刺激到我们神经元的优秀影片场景总是不能错过的。3.3、提高审美，增强感性判断力配色能力虽然可以通过一些理性的方法提高，但是也存在一定的感性判断。配色中细微的差异往往都是感性的判断。我们需要不断的欣赏摄影、绘画、设计作品等等，综合的提高自身的审美，才能不断增强感性的判断力。作为UI设计师，你不能只关注界面设计，你可以看平面作品、摄影绘画、影视动效，体验手工艺制作、运动娱乐、细心的体验生活中的每一次变化。3.4、养成分析的习惯要想拥有良好的配色能力，积累的过程是很重要的。当我们看到优秀的作品，要分析配色之间的对比关系、颜色在色环上的位置关系、HSB数值的关系等等。只有不断的分析和总结才能逐步形式自己的思维方式，提高不同配色的把控能力。分析的习惯不只是运用在色彩上面，对于版面布局、文字信息的处理、icon设计风格、间距留白等等方面都需要不断的进行分析总结，掌握优秀作品的规则才能形成自我的标准习惯。4、图标，从会画到画好之间有多远图标是APP设计中的点睛之笔，既能辅助文字信息的传达，也能作为信息载体被高效的识别。图标也有一定的界面装饰作用，提高界面整体的美观度。很多初级设计师都会忽略图标的重要性，也养成去素材网站下载复用的习惯，当这样的习惯养成后便会逐步丧失自己动手的驱动力，什么元素都希望能找到素材下载，工作数年之后很快就遇到了自己的瓶颈期。设计师对图标设计的态度与把控能力，将会是拉开你与其他设计师差距的因素之一。图标设计有下载复用→动手设计→规范设计→融入品牌基因等几个阶段，你现在属于哪个阶段呢？4.1、下载复用下载复用是很多初入行业的设计师习惯的工作方式之一，由于自身对软件技法、设计技巧、创意能力等方面的不足，无法从创意到标准制图完成一个合格的图标设计。缺点：图标设计风格与细节处理都完全不统一，这样的习惯一旦养成就会逐步丧失自己的动手能力。4.2、动手设计对于大部分有设计追求的设计师，都会意识到图标设计的重要性，也会结合产品特点绘制统一风格的图标。注意事项：图标设计风格有：线性图标、填充图标、面型图标、扁平图标、手绘风格图标和拟物图标等。无论我们选择何种表现形式，在进行设计的时候都要保持风格的统一性，由于图标的体量不同，相同尺寸下不同体量的图标视觉平衡不尽相同，例如相同尺寸的正方形会比圆形显大。因此，我们需要根据图标的体量对其大小做出相应的调整。4.3、规范设计当设计师养成自己动手的习惯以后，恭喜你已经进步了，保持这样的习惯。随着软件技法的成熟我们需要严格控制自己的随性，运用标准的规范进行图标设计。在标准设计的基础上面我们可以发挥自己的创意，也不一定要局限在标准里面，但是总体的本质需要符合设计规范。4.4、融入品牌基因图标设计的差异化逐渐变得模糊，随着很多功能的相似性，图标的造型设计也几乎雷同，很多对设计比较讲究的产品，也开始根据自身品牌基因，进行图标定制化。融入品牌基因的图标设计具有很强的品牌识别性，不仅可以形成独有的视觉差异化，也可以增强用户对产品的记忆。5、留白，我只想要足够的空间适当的留白可以让你的界面更有灵性，给信息之间预留更多的空间，也能更好的表达信息之间的层次感，相比拥挤的信息布局更能给人舒适的体验。当设计师的留白意愿被产品或运营以“希望放更多内容”拒绝时，作为设计师我们可以从不同的方向试着表达自己的观点：a. 设计出对比稿，把产品需要的方案和你觉得完美的方案进行对比；b. 筛选出这样处理的优秀案例，以成功的案例说服产品接受你的方案；c. 进行用户测试，选择一些目标用户进行体验，从用户心声入手设计最佳的方案；d. 更多沟通的方法有待你去挖掘，最终的目的都是希望做出更好的产品。设计小结1. 不同的图片比例反应不同的特征，根据产品特点合理的选择；2. 设计中保持相同的图片比例，不仅使视觉表达一致，也能给后期运营维护带来便利；3. 通过提高图片的质量来提高设计作品的美感度，但是也要保证图片的真实还原；4. 文字排版需要注意信息的层次、信息容量的最大值、巧妙的运用提示符等；5. 养成不断建立和丰富色彩库的习惯；6. 提高审美，增强感性判断力，养成分析的习惯；7. 图标设计经历的几个环节：下载复用→动手设计→规范设计→融入品牌基因；8. 适当的留白可以给人更加舒适的体验。
三、app界面设计要注意哪些细节问题您好：手机APP界面设计的重点无非就是两个：一个是界面视觉设计，一个是考虑界面设计的用户体验。

文章插图
四、如何做好APP界面设计？APP界面设计经验总结当我们打开一个APP时，从视觉层面分析，影响用户对APP整体感官体验的元素主要有：图片、文字、色彩、图标、留白等。图片的合理运用、清晰的信息层级、舒适的色彩搭配都将会提高整个APP的美感，从而为整个的产品体验加分。一个成功的产品，视觉层面只是其中的一部分，但是作为一个合格的UI设计师，我们要做的就是把这其中的一部分做到极致。下面我们通过图片、文字、色彩、图标、留白这几个维度来解剖APP设计，发现那些微妙的细节。只需要比别人多提高1px的细节，你的APP设计就会更精致。目录1、图片，如同一个人的衣着品味；2、文字，我只想知道重点在那里；3、色彩，如何成为“色”计师；4、图标，从会画到画好之间有多远；5、留白，我只想要足够的空间。正文1、图片，如同一个人的衣着品味图片在APP中是非常常见的，图片的展现形式和图片的质量都影响着用户对产品的感官体验。图片的定位就如同一个人的衣着品味，不同的穿衣风格会使别人对你作出不同的判断，为你打上不同社会属性的标签。下面我们一起来看看图片在APP设计中需要注意的关键点，将会从图片比例、一致性、图片质量与真实性等方面进行分析。1.1、图片比例有什么讲究？不同比例的图片所传达的信息主体不尽相同，根据产品属性我们会选择与之相符的图片比例进行整体的框架布局。通过体验一些主流的APP，我们会发现一些比较常用的图片比例，如 1:1、4:3、16:9、16:10等等；也会发现一些打破常规比例的设计，我们需要分析它们的性格，结合自身产品的特点，才能在自己的APP设计中合理的加以运用。1:1强调主体的存在感1:1的图片比例是比较常见的一种设计比例，利用此长宽比更容易将构图归整得简单，突出主体的存在感。常用于产品展示、头像、特写展示等场景，在电商类APP中尤为常见。4:3图像紧凑、更易构图4:3的图片比例可以使图像更紧凑，更易构图，方便设计师发挥。由于手机屏幕容量较小，作为全屏展示时，该比例在App设计布局上面占用空间较大。16:9电影场景般的效果16:9的图片比例可以呈现电影场景般的效果，多用于横向构图，是应用非常广泛的尺寸比例之一，能给用户一种视野开阔的体验。在很多影视娱乐类APP设计中运用广泛，如腾讯视频、网易云音乐等。16:10拥抱黄金比例黄金比例就像金字塔上的明珠，越接近她越有魅力，反之会魅力减弱，16:10的图片比例最为接近。设计没有绝对的标准，我们可以遵循一些优秀的经验规则，但是也要敢于突破规则，尝试更多的可能性。X:≤Y瀑布流设计X:≤Y代表宽度固定，高度在最大值之间自定义的瀑布流设计，在一些用于用户没有很明确的目的，只是喜欢获取尽量多的信息的情况下采用这种设计方式。X:≤Y的图片比例要注意高度的控制，不要超出屏幕可显示区域的范围，如花瓣网在750x1334px的设计中高度最大值为：848 px 。以上列举的仅为部分常用比例的分析与说明，还有更多的比例这里就不一一演示，分享的目的是让大家养成分析的习惯，结合自身产品特点选择适合的图片比例。图片比例选择方式：a. 以商品展示效果为准，选择能够充分表现商品特点的图片展示比例；b. 以产品气质为准，选择符合产品内容气质的图片展示比例；c. 结合产品特点选择合适的常用比例；d. 根据版面布局灵活的自定义特殊的比例值；e. 分析→打破→创新，创造出符合某种规律或者美学概念的比例值。1.2、图片比例的一致性当我们结合产品特点确定合适的图片展示比例以后，需要针对整体的布局与图片分布情况，规范出那些布局可以采用相同的图片展示比例。在保障视觉效果与交互形式的情况下，相同的主体，在不同的页面中最好采用相同的比例呈现，这样的好处不仅可以保持视觉表达的一致性，也能给后期运营维护带来便利。1.3、提高图片的质量越来越多的产品对图片质量开始加以重视，比如网易严选对产品图片的拍摄与处理都有严格的规范，目的就是为了提升产品气质和在用户心中的印象。我们在设计的时候更要以最佳的图片来烘托我们的设计稿，图片的质量影响着整个界面的格调。很多伙伴儿会觉得图片都是后期运营上传的，我设计稿做得再精美最终也是没用的。对于这个问题我的观点是这样的：a. 最佳的设计输出是设计师专业的体现；b. 把最好的效果呈现给决策者，增加他对你设计能力的印象；c. 通过制定运营视觉规范来把控图片质量，是可以严格把控你对图片的视觉追求；d. 你的态度会给你带来好运。1.4、图片的真实还原虽然前面提到图片质量的重要性，但是我们不能为了视觉效果选择一些与主题无关的配图，这样也会给决策者一种误导。我们可以提高配图的质量，但是需要保证图片的真实还原，这样才能让你的设计作品更加真实合理。在一些本土的产品设计中，对于国外图片素材的运用，需要谨慎对待。如案例中的模特形象，文案信息的传达更加偏向于国内的场景，如果运用一张国外的模特素材也许逼格更高，可是却无法真实的还原产品场景，会给决策者传达一种错误的认知。2、文字，我只想知道重点在那里文字设计的层次感决定了信息的高效传达，通过对文字信息的层次处理可以有效的帮助用户获取信息，提高用户对产品的操作效率。2.1、对文字信息进行层级区分当我们拿到交互原型或者别的需求文档时，我们需要对文字的信息层级进行有效的区分，这样才能让用户快速的获取和理解信息传达的内容。文字信息可以简单划分为重要信息、次要信息、辅助信息等。在进行文字排版时，需要明确的梳理好信息之间的层级关系，提高用户对产品的整体体验。通过对字体大小、颜色、留白、层级划分等处理，把相同属性的信息归类设计，让整个信息排列主次分明，层级清晰。设计师在对文字进行视觉表现时，为了达到整体界面的视觉平衡也需要减少对文字样式的运用，不可为了突出文字信息而采用过多的表现样式。2.2、预估好信息呈现的最大值当我们在进行界面设计时，初级设计师往往会忽略文字信息的最大值，只是按照自己的习惯进行完美的布局。最终进入到测试环节时才发现为什么比自己预期的字数多出这么多信息，此时就会出现返工的情况，给整体的产品开发进度带来风险。作为一名合格的UI设计师，我们需要预估好信息呈现的最大值，而不是取最小值或者随意进行设计，这样将会在执行的过程中遇到更多不可控的风险。2.3、善于利用提示符进行设计在一些会出现大篇幅文字信息的界面设计中，为了提高用户对信息的获取效率，我们会根据整体视觉效果选择合适的提示符进行设计。很多初级设计师会过于遵循交互原型，往往对大篇幅文字的处理过于随意，只做着交互原型的美化，缺乏对用户体验的主动性。在进行产品交互设计时，有时候产品或者交互无法站在视觉的角度进行信息的梳理和布局，我们需要利用自己的专业来优化你觉得可以更好的地方，也能为你在整个产品环节中树立专业性。关于提示符的设计表现形式主要有数字、字母、图形、色块等等，只要能有效的区分信息层级即可。3、色彩，如何成为“色”计师色彩给人的感受是最直观的，不同性格的配色传达不同的情感。关于配色有一些方法可寻，但是也存在一定的感性判断。作为视觉设计师，我们需要学习理性的方法技巧，也要不断欣赏优秀的作品，提高自身的审美能力。3.1、色彩基础知识色彩分为无彩色系和有彩色系，无彩色系是指白色、黑色、各种深浅不同的灰色；有彩色系是指红、橙、黄、绿、青、蓝、紫等颜色。关于色彩的更多理论知识这里不做展开，大家自行脑补色相、纯度、明度、对比、性格等等方面的理论知识。3.2、建立色彩库作为初级设计师我们对配色的把控不是很稳定，为了提高工作效率，我们需要通过一些理性的方式建立大量的色彩库，应对不同的需求。下面列举部分个人比较常用的方式供大家参考，色彩收集的方法有很多，我们只需要掌握几个比较适合自己的即可，只要养成习惯并长期坚持，哪怕只运用一种方式，也是收获颇丰的。a. 通过各类APP采集色彩体验不同领域的APP，建立不同领域对APP色彩组合的选择，为后期项目设计奠定基础。根据主色进行分类，如红色系列：网易云音乐、京东、网易严选、网易考拉等等；也可以根据产品气质分类，如文艺、时尚、科技、可爱等等。b. 通过Dribbble采集色彩在Dribbble上面，每一幅作品右侧都有该作品的配色文件，发现优秀的作品要养成这种采集配色文件的习惯。c. 通过摄影作品采集色彩通过优秀的摄影作品采集色彩也是常用的方法之一。采集方式：Photoshop打开图片→存储为Web所用格式→选择GIF格式→颜色选择 8→颜色表中双击色块→拾色器d. 通过马赛克采集色彩借助Photoshop滤镜将图片进行马赛克处理，可以得到优秀作品或者摄影图片的配色组合，特别适合采集同色系的配色。采集方式：Photoshop打开图片→滤镜→像素化→马赛克→设置单元格大小e. 从电影中采集色彩相信大家都喜欢看大片，这部片子之所以能得到大家的追捧，必定有太多值得大家学习的元素。作为神经敏感的设计师群体，那些刺激到我们神经元的优秀影片场景总是不能错过的。3.3、提高审美，增强感性判断力配色能力虽然可以通过一些理性的方法提高，但是也存在一定的感性判断。配色中细微的差异往往都是感性的判断。我们需要不断的欣赏摄影、绘画、设计作品等等，综合的提高自身的审美，才能不断增强感性的判断力。作为UI设计师，你不能只关注界面设计，你可以看平面作品、摄影绘画、影视动效，体验手工艺制作、运动娱乐、细心的体验生活中的每一次变化。3.4、养成分析的习惯要想拥有良好的配色能力，积累的过程是很重要的。当我们看到优秀的作品，要分析配色之间的对比关系、颜色在色环上的位置关系、HSB数值的关系等等。只有不断的分析和总结才能逐步形式自己的思维方式，提高不同配色的把控能力。分析的习惯不只是运用在色彩上面，对于版面布局、文字信息的处理、icon设计风格、间距留白等等方面都需要不断的进行分析总结，掌握优秀作品的规则才能形成自我的标准习惯。4、图标，从会画到画好之间有多远图标是APP设计中的点睛之笔，既能辅助文字信息的传达，也能作为信息载体被高效的识别。图标也有一定的界面装饰作用，提高界面整体的美观度。很多初级设计师都会忽略图标的重要性，也养成去素材网站下载复用的习惯，当这样的习惯养成后便会逐步丧失自己动手的驱动力，什么元素都希望能找到素材下载，工作数年之后很快就遇到了自己的瓶颈期。设计师对图标设计的态度与把控能力，将会是拉开你与其他设计师差距的因素之一。图标设计有下载复用→动手设计→规范设计→融入品牌基因等几个阶段，你现在属于哪个阶段呢？4.1、下载复用下载复用是很多初入行业的设计师习惯的工作方式之一，由于自身对软件技法、设计技巧、创意能力等方面的不足，无法从创意到标准制图完成一个合格的图标设计。缺点：图标设计风格与细节处理都完全不统一，这样的习惯一旦养成就会逐步丧失自己的动手能力。4.2、动手设计对于大部分有设计追求的设计师，都会意识到图标设计的重要性，也会结合产品特点绘制统一风格的图标。注意事项：图标设计风格有：线性图标、填充图标、面型图标、扁平图标、手绘风格图标和拟物图标等。无论我们选择何种表现形式，在进行设计的时候都要保持风格的统一性，由于图标的体量不同，相同尺寸下不同体量的图标视觉平衡不尽相同，例如相同尺寸的正方形会比圆形显大。因此，我们需要根据图标的体量对其大小做出相应的调整。4.3、规范设计当设计师养成自己动手的习惯以后，恭喜你已经进步了，保持这样的习惯。随着软件技法的成熟我们需要严格控制自己的随性，运用标准的规范进行图标设计。在标准设计的基础上面我们可以发挥自己的创意，也不一定要局限在标准里面，但是总体的本质需要符合设计规范。4.4、融入品牌基因图标设计的差异化逐渐变得模糊，随着很多功能的相似性，图标的造型设计也几乎雷同，很多对设计比较讲究的产品，也开始根据自身品牌基因，进行图标定制化。融入品牌基因的图标设计具有很强的品牌识别性，不仅可以形成独有的视觉差异化，也可以增强用户对产品的记忆。5、留白，我只想要足够的空间适当的留白可以让你的界面更有灵性，给信息之间预留更多的空间，也能更好的表达信息之间的层次感，相比拥挤的信息布局更能给人舒适的体验。当设计师的留白意愿被产品或运营以“希望放更多内容”拒绝时，作为设计师我们可以从不同的方向试着表达自己的观点：a. 设计出对比稿，把产品需要的方案和你觉得完美的方案进行对比；b. 筛选出这样处理的优秀案例，以成功的案例说服产品接受你的方案；c. 进行用户测试，选择一些目标用户进行体验，从用户心声入手设计最佳的方案；d. 更多沟通的方法有待你去挖掘，最终的目的都是希望做出更好的产品。设计小结1. 不同的图片比例反应不同的特征，根据产品特点合理的选择；2. 设计中保持相同的图片比例，不仅使视觉表达一致，也能给后期运营维护带来便利；3. 通过提高图片的质量来提高设计作品的美感度，但是也要保证图片的真实还原；4. 文字排版需要注意信息的层次、信息容量的最大值、巧妙的运用提示符等；5. 养成不断建立和丰富色彩库的习惯；6. 提高审美，增强感性判断力，养成分析的习惯；7. 图标设计经历的几个环节：下载复用→动手设计→规范设计→融入品牌基因；8. 适当的留白可以给人更加舒适的体验。
五、电商app开发需要注意哪些方面电商app开发需要注意哪些方面开发电商APP需要注意一下几点：1、做好市场定位电子商务平台开发做好规模化经营和特色经营是发展规划中的重要组成部分，跟传统经营是一样的，具备规模化经营的平台更能抵抗风险，也能更好地防止被复制。平台的特色也很重要，必须找准市场定位，了解客户的消费习惯，才能在市场中站稳脚跟。互联网是个神奇的大网，大数据开发和软件定制也是一种模式，这里提供最详细的报价，如果你真的想做，可以来这里，这个手技的开始数字是壹伍扒中间的是壹壹叁叁最后的是驷柒驷驷，按照顺序组合起来就可以找到，我想说的是，除非你想做或者了解这方面的内容，如果只是凑热闹的话，就不要来了。2、电子商务开发要重视个性现在电子商务网站非常多，很多人为了方便节省时间，采用套用模板，然后再稍作修改的方法，制作电子商务平台。从视觉体验来说，并不是一个很好的选择，成千上万的平台建设中，要想让客户记住你的网站，就需要突出个性，提高用户体验，所以电子商务平台要做出新意。3、电商平台开发要便于用户浏览字体应该干净简洁，商品图片要注意分辨率，以免出现失真现象，影响用户的观感，数量、尺寸、颜色和价格需要清晰可辨。别忘了商品注释和购买按钮–分类是首要任务。4、电商平台开发流程简单化对于用户来说，在购物的时候，一定是希望可以简便的，毕竟谁也不愿意自己给自己找麻烦。因此购物网站，需要用户购物流程简洁化，同时要设置客户反馈系统，并要及时处理反馈留言，这样才能赢得客户的信赖。5、产品展示是关键开发电商平台的目的其实就是销售产品，从而达到盈利的目的。所以产品的展示非常重要，每张照片得是真实商品最精确的写照。我们可以根据客户的喜好和需求，来设计网站中产品展示的模式和位置，加上合理有力的宣传描述语句，才能让客户发现，从而相信我们的品牌产品。6、老客户的维护很重要老客户是很多电子商务购物平台重要的客户群体，因为老客户能快速传播平台，为企业带来更多的网站流量，同时也增加成交量。电子商务平台可以从产品、设计、服务等方面，更加人性化的服务于老客户，从而提高老客户的忠诚度，增加网站粘性。