跨境电商以什么为主什么是电商网站主视觉图，电商主图设计的切入点有哪些 _睿知

ui设计什么
UI设计(或称界面设计)是指软件的人机交互、操作逻辑、界面美观的整体设计。UI设计可以分为实体UI和虚拟UI 。网上常用的UI设计是虚拟UI，是用户界面的简称。一个好的UI设计，不仅要让软件独特有品位，还要让软件的操作舒适简单自由，充分体现软件的定位和特色。顺便给大家分享一个平面设计的网站“兔课网” 。可以搜索百度：兔子课堂网，一个专门做设计的网站，上面有很多设计教程，还有一个魔鬼特训班。你可以挑战它，很多人可以学习。

文章插图
UI设计师主要是做什么的呢？
UI用户界面的缩写。UI设计是指软件的人机交互、操作逻辑、界面美观的整体设计。一个好的UI设计，不仅要让软件独特有品位，还要让软件的操作舒适简单自由，充分体现软件的定位和特色。其实UI是userinterface的缩写，意思是用户界面。维基百科对UI的定义如下：用户界面是人(用户)与机器进行交互的系统。用户界面包括硬件(物理)和软件(逻辑)组件。一般来说，人机交互工程的目标是开发一个用户界面，使操作机器变得简单、高效、愉快，从而达到预期的效果。这通常意味着操作者需要提供最少的输入来获得期望的输出，也意味着机器将人类未定义的输出减到最少。用户界面是一个人机交互系统，它包括硬件(物理层)和软件(逻辑层) 。一般来说，人机交互工程的目标是为用户创造一个简单方便的界面。也就是说，UI不是指简单的用户和界面，而是指用户和界面之间的交互。那么作为一个UI设计师，你要做的不仅仅是设计一个漂亮的界面，还要设计一个让用户用起来舒服，操作简单的界面。按照传统的分类，网页分为设计和开发两部分，英文分别叫网页设计和网页开发。UI设计师既然叫设计，那肯定属于设计，而设计一般分为前端设计和后端设计，有前端和后端之分。简单类比一下，前端负责画蓝图，后端负责建高楼，而UI设计师属于前端设计。我觉得现在两种解释都不完整。作为一个UI设计师，不能局限于前端设计。这并不是说你只是设计了没有盖楼的建筑的外观，甚至盖楼是怎样的。你要全程监控。想象一下，你伟大的设计因为一个糟糕的施工团队而走样走样。只能怪你监管不力，不用怪施工队。当然，前提是你有权找一个有能力的施工队。找施工队的任务也是你需要了解的。如果你只知道信口开河，泼墨泼墨，完全不考虑施工队的感受，你也会成为众矢之的。比如你设计了一个漂亮牛逼的界面或者人机交互功能，你因为技术无法实现而破产了，你怪谁？只能说自己无知，不考虑现实。我们来看看UI设计师的职责：1 。制定MRD(市场需求文件) 。市场需求文件。在获得项目发起部门的批准后，产品需要进行MRD才能实施。具体来说，应该对市场和竞争对手有更详细的分析，用哪些功能来实现商业目的，把哪些功能/非功能需求划分成几个块，功能的优先级等等。在实践中，PD在这个阶段可能的输出包括MindManager的思维导图、Excel的特性列表等。2.制定PRD(Proct需求文件) 。产品需求文件。这部分是PM写的最多的内容，也就是传统意义上的需求分析。我们这里主要指的是UC(用例)文档。主要内容有：函数用法的具体描述(简要描述每个UC的一般有用的例子、参与者、前置条件、后置条件、UI描述、流程/子流程/分支流程等。)，Visio做的功能点业务流程，界面的描述，demo等。在demo方面，dreamweaver，ps甚至画板可能只是简单的画一下，有时候会有UI/UE支持制作高保真的Demo，开发出以后可以直接使用的那个。3.用户分析报告收集相关信息，分析使用特点、情绪、习惯、心理、需求等。目标用户，并提出用户调研报告和可用性设计建议。这部分工作也可以在团队的配合下完成。当时间和项目需求允许时，可以进行现实生活中的用户分析。
4.产品架构设计涉及大量的界面交互和流程设计。根据可用性分析结果，对交互方式、操作和跳转过程、结构、
布局、信息和其他元素。以上是UI设计师需要掌握跟进的，从这里开始就真的是你的任务了5.产品原型设计就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。整个系统的流程设计也是UI设计师的，为此你要经常浏览大量的网站，亲身体验，积累经典的，很具亲和力的、友好的系统流程，你要考虑到整个系统的任何一个最终环节。这才是UI设计师工作量最大，难度最高的部分。比如说，用户注册流程，成功了去哪，失败了去哪，成功了后续有几个流程，每个流程还包含哪些对象等等等等 6.界面UI设计如果很倾向于图形界面设计，这儿是你最喜欢的部分。但一定要结合循环讨论过的分析结果做设计，否则你的作品很难被人信服。色调、风格、界面、窗口、图标、皮肤的表现是本环节的关键。7.界面输出这方面主要由页面工程师与前端程序员配合,将界面代码化。作为UI设计师，最能符合你的设计的基础作品，当然还是出自你自己的双手，为此你要懂得切图，做静态页，那么SHTML和样式表还有为了实现你那伟大设计的种种特效的JS代码，你能不会么？？你可以不去亲自做，但你一定要有一个规范设计，你的施工队必须在你的培训和领导下完全符合规范的去操作，就像架构师一样。8.分析使用者报告,做出完善调整.多部门共同参与的，包括可用性的循环研究、用户体验回馈、测试回馈。同时，UI人员也应该把一些可行性建议进行完善。很多设计师做了东西不喜欢改，这是一个大忌。9.整个项目的SEO优化设计。但就目前许多公司而言,拿到UI设计师手里的,就是一份什么说明都没有的VISO图,这给许多UI设计师造成一种错觉,觉得我只需要做效果图就可以了,对于其他环节一概不理,导致了在设计产品界面的时候,因为掌握的信息不足,设计出来的界面全凭个人喜好,但是当面对用户的时候,却是一点竞争力都没有.我认为UI设计师在项目初始,就应该加入其中.包括了解项目的市场定位,盈利模式,竞争对手等等,而通过分析竞争对手用户界面,可以给UI设计师一个初步的图形概念,而通过参与用户调研,用户分析能够获取到用户特征,年龄,需求,喜好等方面的信息,这些方面的信息,在风格定位,把握上起到至关重要的作用.通过了解产品架构,知道什么功能应该做,什么功能应该突出,在参与了以上工作的制定后,相信许多UI设计师对自己所要设计的产品,已经是信心十足了吧.后期在通过分析使用者报告,用户反馈等方面信息,做出界面上的调整,这样一来,一个完善的产品就可以面市了,而这个产品,再也不是一个全凭UI设计师个人喜好所设计出来的产品了..那么作为UI设计师都需要具备什么样的能力呢？ UI设计从工作内容上来说分为3个方向。它主要是由UI研究的3个因素决定的，其分别是研究工具，研究人与界面的关系，研究人。研究界面—-图形设计师Graphic UI designer国内目前大部分UI工作者都是从事这个行业。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。研究人与界面的关系—交互设计师，interaction designer在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范（spec）等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。交互设计师一般都是软件工程师背景居多。研究人—-用户测试/研究工程师User experience engineer任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要，如果没有这个职位，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。用户研究工程师一般是心理学人文学背景比较合适。综上所述UI设计师就是：软件图形设计师、交互设计师和用户研究工程师。这一职位的真正含义：ui设计师绝不是美工（或者说绝不是仅仅做“美化”工作而已），ui设计师是一个技术岗位而非艺术岗位，如果考察一名ui设计师的能力素质模型，那么他应该同时具备4个维度的能力：1、沟通和文档撰写能力：如果说ui是人与机器交互的桥梁和纽带，那么ui设计师就是软件设计开发人员和最终用户时间交互的桥梁和纽带，如果ui设计师不能具备很好的沟通和理解能力，不能撰写出优秀的指导性原则和规范，那么，他将无法体现出自己对于开发人员和客户的双重价值，也无法完成他的本职工作。2、过硬的技术能力：你可以不会写java，但你绝对不可以不清楚java是什么，他能够实现什么。即使你不能写代码，但你起码要懂得如何去“实现” 。举个例子，你要做一个grid控件，首先，你应该清楚，到底有哪几种数据格式，以及其存储方式：既可以通过html的mark来获取数据，亦可以通过json对象或array，又或者是xml甚至于字符串。其次，你要知道在server端实现和在client端实现到底哪个更适合当前的环境。这些都要依靠过硬对技术和丰富的经验，不懂技术的ui设计师，既做不出合理的设计，也不可能和开发人员做到有效的沟通。简言之，ui设计师起码要精通主流的表现层开发技术（如果是做web表现层，一般需要精通html、css、java script 、xml技术，甚至jsp、java也要达到工作层），对于市面主流的设计模式，技术路线以及开源框架都要有足够的了解。可以说，ui设计师在技术素质能力方面，要尽可能的朝着“表现层架构师”的方向去努力。3、图形设计能力和原型开发：ui设计师一生中从事的最多的工作应该就是图形和原型设计，那么，首先说说什么是原型设计。原型法是迭代式开发中设计阶段常用的手段，原型设计应该贯穿需求、概要设计和详细设计这三个阶段。开发原型的目的是，把设计转为用户可以看懂的“界面语言”，同时也对开发人员起到一定的指导作用（甚至可以作为开发的一部分）。用户界面原型更显示的价值体现就是，它可以帮助软件设计人员提早发现设计各个阶段的缺陷，在开发前解决这些潜在的问题，大幅降低软件开发的风险和成本。这与传统的瀑布式开发有了本质的区别，目前国内大多数公司仍然采用的是瀑布式开发方式，并且将ui设计放在开发阶段的后期来进行。这不仅使ui设计师无法充分发挥自己所长，只能做做“美化工作” 亡羊补牢，更使得开发出的产品往往存在致命的设计缺陷而无法满足客户需求。所以，各公司中的“美工”是软件开发方法的落后和不完善早就的，而非“美工”或 ui设计师这个职业本身。我们再来说一下图形设计能力，其实，ui设计师只是个泛称，在ui设计行业内部，还大致分为以下几种角色：可用性和交互设计师、视觉企划、用户体验研究人员、图形用户界面设计师等。大家通常理解的ui设计师，其实是gui设计师（例如国内的rokey，他就是一名非常优秀的gui 设计师，目前供职于microsoft），gui设计师的主要工作就是视觉定位以及创作。稍后的章节会详细介绍gui设计师的职责以及日常工作。如果ui 设计师不具备过硬的图形创作能力，那么，他根本无法表达他心目中的美，也就无从谈起“交流”了。图形设计能力，是每一名ui设计师最初具备的，最基础的能力。也是最能够衡量一名ui设计师能力水平的部分。4、人因学理论和认知心理学：这个概念虽然有些大，但却是每一名ui设计师在事业稳固后毕生都要努力去探索的领域、可以说，设计的根本就是“人”，做人本的界面，自然需要了解人，了解人的行为。例如，你不可能设计这样一个界面，在同一时间同一个界面上的不同位置显示两条重要的提示信息——因为，人，在同一时间的关注点只能由一个，这是生理决定的，而不是某个人的主观臆断。再举个例子，为什么windows每次一次版本升级或多或少都会找到以前的影子，你可能会说，这是microsoft的设计风格。不，那不是风格，而是一种习惯，以前是microsoft的习惯，现在，你用了windows，那么，你也有了这种习惯。apple和microsoft的操作系统孰优孰劣？答丅案是，随你喜欢。是啊，多么简单的一个道理——喜欢，喜欢是一种习惯，你又如何能笃定你认为的“正确”的设计恰好是人们所喜欢的呢？这里可以稍带提一下extjs，ext的风格，简言之，就是桌面应用的传统交互风格（wmip），而web的风格是什么？如果要我来说，我更倾向于web是一本翻开的杂志，一片展现设计师才华的热土，为什么这样说呢？因为web的不确定和开放性。以我的经验而言，webui设计，是所有软件ui设计领域中最困难的，也是限制最多的（往往这些限制还存在不确定性），一名优秀的 webui设计师，即使转而做桌面程序ui设计或移动设备界面设计，也是相对比较容易成功的。因此，作为webui设计师，排斥桌面ui风格是可以理解的，正是源自于他的习惯，他的“喜欢” 。5、具备高层次的审美能力，空间思维能力，逻辑能力以及一定的文学修养，保持一颗年轻的心，不要掉入自己挖的模式里，创意永不枯竭。至此，大家应该大概了解了什么是ui设计和ui设计师这两个名字的内在含义。关于“美工”的问题，也应该有了自己的结论，我就不再做解释了。再说一个题外话：ui设计师在我目前供职的公司的职位体系中是比较高的技术职位，相当于高级软件工程师，需要有3年以上行业经验方能胜任;而资深ui设计师是与软件设计师平级的，他们共同的上层职位是架构师。这跟某些公司所招收的“美工”是有很大区别的。给大家点信心，看看国内UI设计师的前景 UI设计在中国的现状目前在国内UI还是一个相对陌生的词，即便是洛可可设计也在UI设计的道路上不断探索客户及用户的需求。我们经常看到一些招聘广告写着：招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线，缺乏对用户交互的重要性的理解；另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术，而UI仅仅是次要的辅助，这点在人员的比例与待遇上可以表现出来。但这不是UI设计真正的价值体现，只是UI设计发展的一个必经过程。我们以物质产品手机行业为例，手机刚刚进入市场的时候不但价格贵的惊人，而且除了通话以外没有什么其他功能。由于当时的主导是技术，所以大家都把精力放在信号、待机时间、寿命等方面，对于产品的造型，使用的合理性很少关心。事过境迁，如今技术已经完全的达到用户的需求，于是商家为了创造卖点，提高争力，非常重视产品的外观设计，除此之外还频频推出短信,彩屏，和铉，彩信,摄像头等等。这样一来产品的美观、个性、易用、易学、人性化等等都成了产品的卖点。软件产品与物质产品的发展是相同的。过去由于计算机硬件的限制，编码设计成为软件开发的代名词，美观亲和的图形化界面与合理易用的交互方式都没有得到充分的重视，实际上这个时期的软件叫作软件程序，而不是软件产品。现今随着计算机硬件的飞速发展，过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中，仅仅有强大的功能是远远不够的，不足以战胜强劲的对手。幸运的是在国内一些高瞻远瞩的民族企业已经开始意识到UI给软件产品带来的巨大卖点了，例如金山公司的影霸、词霸、毒霸、网标，由于重视UI的开发与地位，才使得金山产品在同类软件产品中首屈一指。联想软件的UI部门积极开展用户研究与使用性测试，将易用与美观相结合，推出的双模式电脑、幸福系列等成功UI范例，为联想赢得全球消费 PC第三的称号等等、等等.实践证明，各商家要在产品美观和易用设计方面很小投入，将会有很大产出。其投入产出比，要比在功能领先性开发上的投入大得多。我们不得不承认现阶段中国在很多领域都与西方发达国家有相当大的差距，如何赶上并超过他们是我们这代人肩负的历史使命。软件产品领域不象物质产品那样存在工艺、材料上的限制，软件产品核心问题就是人。提高软件UI设计师个人能力减小人员上的差距是中国UI发展首要关键的问题。目前国内各院校还没有设立相对健全的UI设计专业，所以提高UI设计师能力关键在于提供一个良好的学习与交流的资源环境。国内已经有很多交流设计网站，介绍工业设计、平面设计、服装设计、绘画艺术、多媒体flash等，但是UI设计一直没有受到应有的关注，仅仅被放在数码设计或者平面网页设计的一个栏目里，这仅有的资源对培养优秀的设计师是不够的，必须有一个信息快捷、资源丰富、设计水平一流、专业权威的UI设计学习与交流的地方才能适应日益发展的UI 设计师们的需求。
【跨境电商以什么为主什么是电商网站主视觉图，电商主图设计的切入点有哪些】

文章插图
UI设计师的工作职责是什么？用户界面设计又分为三个职位，分别是用户体验设计师、交互设计师和界面设计师。我们常说的学UI设计或做UI设计，一般都指GUI界面设计师。GUI设计师的日常工作就是界面设计、图标设计、切图和标注。所用工具为PS、AI、AE、C4D（非必需）等，还有切图和标注的一些插件或软件。GUI设计师的就业方向分为主题UI设计师和APP UI设计师。APP UI自然就是手机软件界面设计，我们平日所用的微信、QQ、淘宝、支付宝等这些全都属于APP，他们的界面自然也都是UI设计师所设计的。手机应用种类繁多，安卓和苹果商城几乎都有数十万甚至百万个，这自然就需要大量的UI设计师了。ID（交互设计师）一般的工作是设计、绘制原型图，它对逻辑处理能力和页面布局能力要求较高，很多工业设计出身的人比较适合这个行业。UE（用户体验设计师）这个职位一般只有中大型公司才有，顾名思义，它主要是研究用户体验的，用户的行为，情感，使用感受、使用过程等所有方面都需要进行研究，心理学专业出身的人可以考虑这个行业。UI设计的工作内容：具还包括：可用性分析、GUI（Graphic User Interface即图形用户界面设计、用户测试等。好的UI设计不只是让软件变得有个性有品味而已，更重要的是让软件的操作变得舒适、简单、易用，并且充分体现软件的定位和特点。UI设计师的工作流程：1、在设计之前，首先需要产品经理确定好客户或者老板的需求。2、确定需求之后，产品经理会做具体的说明，让交互、UI、开发、测试明确产品需求，明确项目的具体细节。3、设计组内部会议、界面风格确定。这个时候需要确定一个设计负责人。设计负责人会给同事做具体的工作安排，线框图标、版式设计等都有具体的分配。4、分工已经明确，进行具体设计工作。5、标注图、效果图、切图。这个步骤，产品经理会进行把关。6、开发完成，进行最后的测试。测试工程师会对开发出来的产品进行测试，看看有没有疏漏，有没有错误，当测试和调试完成，上线，就完成了整个开发的流程。现在企业对于UI设计师的需求也越来越多，之前只会一个单一的移动端APP界面设计都能找到一份很不错的工作，但是现在企业需要变多所以我们需要学习的内容也增多了，之后就得学习运营设计，网页界面设计，交互动效设计，小程序设计，插画设计等等。如果是现在只会一个移动端APP设计找工作就比较难的，所以我们就需要不断的学习，充实自己，提升自己的能力，不然很容易就被这个社会淘汰了。那么我们接下来了解一下现在学习UI设计需要会哪些设计能力？我们第一个要掌握的能力就是软件技法能力我们在学习UI设计的过程当中，需要学习到很多知识，比如 PS，AI，AE，XD，ARP，C4D，蓝湖，默刀软件，这些都是一名UI设计必需要掌握好的软件。而学习到这些软件，可以通过视视频，书籍，网站等多种方法学习。工欲善其事必先利其器，从这个阶段开始，觉得先学习软件工具了，一般UI设计要学习有以下8款软件（PS，AI，AE，XD，ARP，C4D，蓝湖，默刀软件）那么这几款软件在UI设计工作是负责什么的呢？PS：PS软件在UI设计工作中主要来用做UI设计界面设计、图标设计、图片处理的AI：AI软件在UI设计工作中主要用来做UI界面设计、图标设计、字体设计、插画设计的AE：AE软件在UI设计工作中主要用来做动效设计的XD：XD或者sketch软件，Sketch（只能在苹果电脑上安装）XD软件可以在双系统上安装Sketch和XD这两款软件功能是差不多的，XD的话是一款非常适合做UI设计工作，XD做图会非常快，因为XD的工具特别少，里面的工具是专门为做UI设计工作开发的一款软件，而且XD软件特别小，不会卡。ARP：ARP或者默刀软件，ARP和默刀软件功能差不多二选一学习就可以了，这两款软件都是做原型设计的UI设计是由很多很多界面组成的，这些界面每一步之间去交接的这个界面，如果说我们只做一个界面，UI设计师是可以做出来的，但是要做几十个上面个界面，如果我们一个个做是肯定会出问题的，所以需要先制作原型，我们根据原型再制作界面，这就是我们的前后联系，原型是不用做这个颜色，图标，细节的，只需搭建一个基础的版式就行，这个就是我们用ARP或者默刀软件做的。C4D：C4D软件在UI设计工作中主要用来做建模的蓝湖：蓝湖软件在UI设计工作中主要用来做标注设计的就是我们做好了页面，这个页面的高底，宽度，包括页面的色值我们都需要标注出来，为什么需要标注呢，因为我们做的图，做完之后他就是张图片，这个图片我们用手机是点不了的，我们手机APP上的那些图之所以能点，那是因为有程序猿做了一个二次开发，这个东西我们不用懂，但是我们要标注出来，标注出来让程序猿知道你的颜色，你的色值，你的尺寸到时是多少，他才能开发出来。那么除了软件技法之外我们还需要会哪能力？我们可以用软件做一些图，但是呢软件只是个工具，我们还需要会设计设计包含了：图标设计，界面设计，动效设计，交互设计，运营设计，插画设计，平面设计，作品集设计，小程序设计图标设计：手机及电脑上的界面里面的图标界面设计：手机APP界面和电脑上的界面动效设计：动效设计可能很多人没有留意过，但是动效设计是非常非常重要的，只要是页面切换效果都属于动效设计交互设计：交互设计要做的就是原型图设计UI设计师的职业发展：设计学完后就业方向非常广，除了美工，可以做webUI设计师、移动端UI设计师、平面设计师、产品经理等很多方向。图形设计师，它不仅仅是单纯意义上的美术工人，而是了解软件产品、致力于提高软件用户体验的产品外形设计师，例如工业外形设计、装潢设计、信息多媒体设计等；交互设计师，设计软件的操作流程、树状结构、软件的结构与操作规范等；用户测试/研究工程师，主要测试交互设计的合理性以及图形设计的美观性，通常采用户外问卷的形式来衡量UI设计的合理性。所以，学习UI设计就业方向非常广，可以给子自己很多不同的工作选择。总之，UI设计师的主要工作内容就是设计出能够满足用户需求的界面设计。这需要设计师既要有扎实的设计功底，又要懂得一些基础的软件开发知识，和前端知识等等。因此传统的设计师比较起来，UI设计师在当今社会需求量更大。