设计产品网页

德国潮牌——PHILIPP PLEIN，主打骷髅和铆钉元素。以做工严谨精细闻名！作为一个新进的设计师, Philipp Plein在西方上流时尚界开始崭露头角，其设计和产品开始进入30多个国家和地区的顶级陈列室，以欧美为主，包括中国香港地区。

食用很简单的啊，取一袋产品放入水中，放入100毫升温水，吃了2个月了，减肥很显著的。

产品设计算是设计行业中比较困难的点了。再做产品设计前，需要一个比较长的周期做市场调研，给你举个例子：比如我需要设计一款拖把，市场调研的内容包括：1/市面上的拖把的常规价格再多少？——以此来确定自己设计的产品大约需要多少生产成本；2/民众需要哪种款式的拖把？比如需要可以快速拧干的，需要带盆的，需要全棉的等等，哪个受众人群较多就考虑哪个角度；3/自己的拖把有没有比较实用的功能点？比如市面上拖把没有的功能，我们自己创意出了一个很实用的点？不过这个比较难，有最好，没有也OK。当然有了会比较容易被接受。4/其他：其他包括的内容就比较碎片化了，比如什么材质的，什么颜色的，要不要创新独特造型别具一格的等等，都是可以通过前期的市场调研总结出来的。现在是大数据时代，工作之前做好了数据分析，相信出来的结果一定不会差的。希望对你有帮助，谢谢

平面设计主要学习如报纸广告、喷绘写真、名片、路牌、企业样册、VI设计、LOGO标志、宣传单页、宣传折页、海报、包装设计及婚纱设计等，这些都属于平面设计的范畴。 UI的本意是用户界面，是英文User和interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系。界面设计，在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。

设计或创意类的工作主要有：1、服装设计:服装设计属于工艺美术范畴，是实用性和艺术性相结合的一种艺术形式。其方案主要内容包括：服装整体风格、主题、造型、色彩、面料、服饰品的配套设计等。2、网页设计:网页设计是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。3、景观设计:即园林景观设计与规划，生态，地理等多种学科交叉融合，在不同的学科中具有不同的意义。景观设计主要服务于：城市景观设计（城市广场、商业街、办公环境等）、居住区景观设计、城市公园规划与设计、滨水绿地规划设计、旅游度假区与风景区规划设计等。4、数字媒体宣传:是指在机场、楼宇、车站（火车、汽车站）范围内的数字媒体平台以及其他优质数字媒体平台进行视频或电子刷频广告投放、广告投放工商审批、媒体增值服务等内容。5、平面设计:也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。常见用途包括标识（商标和品牌）、出版物（杂志，报纸和书籍）、平面广告，海报，广告牌，网站图形元素、标志和产品包装。6、产品模型设计:即产品的设计模型和用户模型的最理想状态就是二者完全等同,即产品的所有设计意图和操作方式完全被用户所理解。7、室内装潢设计:是建筑物内部的环境设计，是以一定建筑空间为基础，运用技术和艺术因素制造的一种人工环境，它是一种以追求室内环境多种功能的完美结合，充分满足人们生活，工作中的物质需求和精神需求为目标的设计活动。室内装潢设计具体牵涉到建筑设计、结构设计、电气设计、暖通设计、给排水设计专业工种，它包含了建筑专业、结构专业、照明专业、空调专业、供暖专业、给排水专业、消防系统、以及综合布线系统、智能化系统、交通系统、标志广告系统和陈设艺术系统等专业和体统。8、影视动漫设计:属于CG（ComputerGraphics简写）行业部分。主要通过漫画、动画结合故事情节形式，以平面二维、三维动画、动画特效等相关表现手法，形成特有的视觉艺术创作模式。9、环境艺术设计:是指对于建筑室内外的空间环境，通过艺术设计的方式进行整合设计的一门实用艺术。环境艺术所涉及的学科很广泛，包括建筑学、城市规划学、人类工程学、环境心理学、设计美学、社会学、文学、史学、考古学、宗教学、环境生态学、环境行为学等学科。10、广告艺术设计:内容涉及平面广告的分类、平面广告的创意方法、平面广告的常用表现手法等理论知识,并解析了包括手机、房地产、电子消费品、公益广告等领域。11、首饰设计与鉴定:各种首饰设计形式在演变的过程中，同人类的历史文化背景结合在一起，设计风格的更替和变化实际上是时代风格、民族风格和产品风格互为作用的结果。12、建筑效果图设计:它是一个大的门类，按功能分类可分为两类。一种是建筑设计用效果图主要体现建筑的结构，这种效果图重点都在建筑立面上。一种就是广告用的效果图，除了建筑效果外对光色环境要求也比较高。

　　一、以下是网站专题页制作的基本功：　　1、创意设计 　　说到创意，应该是设计师最擅长，但肯定也是最头疼的问题，如何评判一个创意的好坏，借用周董的一句话“哎呦，不错哦”。当别人看到你的页面的时候，能发出这种感慨，那基本上你的这个页面应该是做到位了。这里介绍5种小方法： 　　2、版式设计 　　版式设计应该算是最基本的设计原则，这个虽然阐述起来比较简单，如果要运用的好还是需要多下工夫。这里通过一个简单的例子来解释版式设计中的几个原则： 　　3、色彩设计 　　这里的色彩设计并不是对色彩理论的解释，也不是对色彩感觉的解释，因为本人是个色彩感觉一般的设计师。这里只说3个原则：色彩对比、色彩大小与形状、彩色位置。 　　4、趣味设计 　　趣味设计的是一种亲切感，并不是所有的页面都要求有，但是偶尔为之，会让页面添色不少。 　　5、关于页面加载 　　图片设计的时候注意大小，这个是关系到页面的加载时间。 　　二、以下是网站专题页制作的整体思路： 　　1、确定产品专题页面表现形式 　　电脑端网站上面目前主流的专题页面就是是长页面滚动条，还是多屏滚动切换的形式。如果是移动端的话可以使用H5做一个多屏滚动切换的效果来展现;表现形式本身并没有什么，个人建议是在电脑端如果是信息比较多的可以优先考虑长页面滚动条的形式，如果是针对产品某一个点展开讨论，内容相对比较少，可以优先考虑多屏滚动切换形式。 　　2、顺着用户心思架构楼层 　　不同的产品，不同的主题，不同的切入点，不同的人策划出来的专题页面布局都是不一样的，所以无法非常固定提供给大家一个类似公式的东西去嵌套，大家要确定好思路。 　　3、别忘了你要干什么 　　产品专题页面设计到最后的时候，不要忘了你的初衷：你想要通过这个专题页实现什么?如用户注册会员，点击咨询产品，点击下单，关注公众号，参与活动等等。 　　如果你前面的布局策划的非常好，完全牵着用户的想法在走，那么走到这一步，应该说离你的目标距离又近了一步，只差临门一脚了!甭管最后能不能实现目标，你要做的就是再添“一把火”，告诉用户的紧迫性，让用户自己着急。

UI即User Interface（用户界面）的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。UI还有其它的意义，如Unit Interval，Univ of Iowa，Unlock Instruction，Urgent Interrupt。网页UI，在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。

　　如何设计引导页：　　1.了解引导页类型，清洗引导类型　　前置型引导页：启动应用程序后，进入主功能前的一系列图片或者动画效果，停留数秒后消失。在用户初次实用移动产品时，给予一些必要性的帮助，以便用户快速了解产品类型，功能，具体操作　　过程中引导：在用户使用产品过程中给出一系列帮助内容，主要方式有空白页的内容引导，loading等等状态引导，拆分包袱的逐步引导，巧设默认值的功能引导，tips引导，浮点引导，遮罩聚焦式引导，触发式引导，任务演练式引导等。　　网页设计中的引导页究竟怎样做?由于主要讲前置型引导，这里插播两个例子：　　A.例如Facebook开启定位的引导，但用户需要发送当前位 置的时候，应用会弹出图中的引导形式，告诉用户开启定位的作用，用户在这种使用场景下会很乐意开启定位，从而提高了开启定位的转换率，又不会觉得这个引导影响了自己的体验。　　B.比如Google搜索中，在用户进行拖动操作的时候，顶部的状态栏变成了一句温馨的提示，非但不打扰用户，反而有 一定帮助，用户会觉得很贴心。　　2.认识引导页存在问题，避免走错方向　　随着访客的审美疲劳，频繁出现的引导页已经失去了对引导页的新鲜感和喜爱感。要么就是过多展示没有实际功效的内容作为噱头，而且这个噱头并没有吸引足够的目光。在很多情况下却起到了相反的效果。　　毕竟首页作为引流的窗口重要性显而易见，引导页前置需要访客花时间等待主页面的启动，如果是一个体积过大时间过长的引导页，或是引导页上面的“skip”按钮不够明显，很可能导致部分访客流失，之前也讲到，技术原因造成的访问延时，引导页能够起到缓解用户情绪的作用，如果是引导页的不正确使用造成的访客流失，那就是引导页干的坏事。　　3.把控引导内容　　心理学上发现的7±2效应，一个人的短时记忆至少能回忆出5个字，最多回忆9个，即7±2个。因此展示的文案要控制在9个字以内，超过后用户容易遗忘、出现记忆偏差。如果表达起来困难，可以辅助一小段文字进行解释或补充。因此在最终文案的确定上，要突出重点，多余的文字尽可能地进行删减。如果文案删减后字数还是过多，因考虑对文字进行分层，通过空格或逗号或换行的方式进行视觉优化。　　精准贴切的文案也十分重要，将专业的术语转换成用户听得懂的语言。尤其对于通过照片来表现主题的引导页设计，文案与照片的吻合度，直接影响到情感传达的效果。　　建议将引导页采用纯色简单直接，尽量和主界面构架形式一直，让用户有快的感觉，有些工具型应用的引导页单屏滚动多在0.5秒内，眼睛一睁一闭，引导页就过去了。　　如果应用功能主要是在横屏的情况下完成，建议引导页以横屏方式呈现，以引导用户提前切换手持设备姿势，快速进入到你的应用界面中。　　4.用户引导规范，制定符合自己产品特性　　每个移动应用都有一套自己的用户引导规范，在制定用户引导规范的时候。　　用户引导规范的指定可以按照不同的形式进行指定，一种是从用户引导的样式角度出发，把产品涉及到的各种用户引导样式一一罗列出来，并说明每种引导样式的适用范围、触发机制以及消除机制等。这种形式的优点是各种引导样式结构清晰，一目了然。另一种形式是从产品功能的角度出发，由于产品每个功能的重要程度和优先级不同，对应的需要突出强调的程度也不一样，所以将用户引导样式分为强中弱三 大类，对于产品主要功能，优先级很高的采用强引导样式，对于次要功能，优先级稍差的采用适中的引导样式，对于辅助功能，优先级最低的采用弱的引导样式。同 时强中弱三大类里面又分别包括几种引导样式。这种形式的优点是从产品角度出发，根据功能的重要程度的优先级选择对应的引导样式，方便快捷。　　5.场景模拟，保证用户引导的有效性，减少干扰，提升用户体验　　用户在使用产品的时候都是有一定的使用场景的，根据用户的使用场景触发响应的用户引导，用户引导在使用过程中弹出时是用户意想不到的，很有可能打扰了用户使用的流畅性，因为这是用户没有预期出现的东西，在一定程度上有惊慌失错感，保证在用户需要的时候弹出最符合用户体验，也是用户最愿意接受的时候。这样的出现既不会特别突兀，不至于弄的用户不知所措，又能在响应的场景下帮助到用户。　　6.避免引导页铺天盖地的在任何类型的APP上引用　　(信息类应用是一个内容为王的地方，尤其是被信息内容充满的应用和注重效率的工具应用，比如说搜索应用，不断追求信息以一种更快速更详尽多方式呈现给用户，所以才会有rss,基于AJAX技术的页面布局。任何一些阻碍用户高效获取信息的细节都将导致用户流失，而引导页就是头号杀手。　　7.视觉聚焦　　在单个引导页中，信息不宜过多，只阐述一个目的，所有元素都围绕这个目的进行展开。视觉聚焦包括两部分，一是文案的处理，要注意层次，主标题与副标题要形成对比;二是引导页中的界面、场景、文案具象化元素，要有一个视觉聚焦点，多个视觉元素的排布采用中心扩散的方式，聚焦点的视觉面积最大，同时与扩散的元素拉开对比。这样用户能清晰地看到核心文案信息与文案对应的视觉表现元素。同时结合视线流动的规律，从上到下，从左到右，从大到小。因此可以根据这个视线流的规律来进行引导页的设计。　　9.著建特色，从竞品中凸显差异化　　之前对于表现方式的归类已经讲到了动画及页面切换方式，如果增加了页面动效，利用动效，包括放大、缩小、平移、滚动、弹跳，表现形式更加多样化，会让引导页更有趣，注意力更为集中。