网页界面设计流程

淘宝面试的最后一环是让应聘者向面试官提问，让面试官有机会回答公司、团队、工作等问题。 我面试过的大约三分之一的设计师问我“淘宝的设计过程是怎么样的？” 我不太清楚听到这个问题的人为什么有这么高的比例。 这可能是一个“安全”的问题。 在面试没有任何危害的现在，设计师在工作中可能面临着“流程”问题和“无流程”问题，这个话题可能关系到各公司的“机密”，但确实找不到相关资料。总之，面试淘宝的设计师数量有限，但国内三分之一的网络设计师想了解更多关于“设计过程”的知识，这并不是“机密”的话题(我所知道的各公司的设计过程都是从890到10，名称是因此，我们将简要介绍淘宝UED的设计流程，期待它能为这三分之一的设计师带来帮助。步骤1 :原型(Prototype )设计的第一阶段称为原型设计，主要包括设计产品功能、用户流程、信息体系结构、交互详细信息和页面元素。 如果你觉得这些概念相当偏颇的话，就大口语来说，试用品的设计，即使产品不美丽，也只会明确你想做的事情，明确它们是如何与用户交流的，并且把它们都描绘出来，直接怎么画取决于你。 可以用纸画、用白板画、用Photoshop画、用Visio画，或者像我们一样用Axure画。 上述事情都可以不分巨细地表现出来。原型交付项目(Delivery，即某个阶段的交付项目)中最重要、最常见的是线框，这在下图中可以看到，不要太多说明在画线图时，要把握细节描写的程度。 有只画框就行的东西，也有必须设计复印件的东西。 你的上司和需求者抓住角落的广告banner这个问题纠缠着你，不要忽视最重要的页面正文部分。此外，要记住原型是用来改变人的。 它的存在价值被多次修改，多次更新，下一步没有多次改变。Step 2:模型(Mock-up )在原型被接受后，应关注产品不美观。 我们用“模特”一词总称这一步骤的成果。 与原型相比，我们更关注产品的可视化设计，包括颜色、样式、图标和插图。显然，这不是“艺术”的“美化”工作。 可视设计师必须深入了解原型设计，充分理解交互式设计和尚未进行的HTML/CSS/JS代码。 如果不能从全球的视角进行视觉设计的话，只能把水晶效果变成金属效果的“自己享受”，产品本身毫无价值。 原型说“在这一页中，a比b重要”，在他的头脑中有能够表现出17、8种“a比b重要”的视觉语言。 这是设计模式对视觉设计师的基本要求。更高的要求是视觉设计的“原创功能”。 “相反是水晶效应还是金属效应？ “这个按钮什么颜色好呢？ 等等。 这样的想法和选择，应该着眼于产品的气质、品牌等，在各种产品之间保持一定的统一，在用户的心上打上视觉的烙印。 很难做到这一点，尤其是要满足以前的要求。 一般来说，如果能够将交互设计的成果和品牌形象表现出90%，就会有很好的结果。 从我自己的角度来看，总是很郁闷，在原创设计中无法用视觉语言表达自己的想法，总是完成模型的话就有7成更高的要求，有些问题用交互式设计很难解决。 此时，需要一位能够从视觉设计的观点创造性地解决问题的具有创造力的视觉师。总的来说，模型设计是非常困难的。 其工具感性，但设计过程非常合理，必须在各种制约中解决问题。 现在，从高角度看“视觉设计”的人还不多，多停留在“效果”“风格”等表面议题上。 个人认为在“Web标准”和“用户体验”之后，视觉设计是Web设计专业化运动的第三波，市场需求已经存在，只有有人能够推动。模型的设计通常使用Photoshop，但以下是示例(与原型示例相对应)Step 3:演示版(Demo )这一步骤基于演示或原型、模型通过xHTML/CSS/JavaScript等前端技术实现，后端开发工程师可以接管代码。 这个过程，马尼，正淳特别制作新的投稿详细介绍吧。 但是，前端开发在一些公司还没有设计团队，前端开发是用户体验的提高和保证，开发只不过是其手段和形式。 所以，把这份工作一直留在我们队里，现在看起来很不错：)如果将上述原型、模型转换为xHTML/CSS，则会显示此页面http:/favorte.T/collect _ list -g，nrx wy2lumhgozsvz2CQ3tk k6w 64-htmStep 0.5/1.5/2.5/3.5中有一半的步骤吗？ 是的，这是我们的用户研究过程。 在每个阶段的前后，根据情况选择是否专心研究用户。 用户的研究形式也是自由的。 给会员打电话，汪汪随便商量，到公司做可用性测试，访问会员家方便实用的方法怎么办？ 我们还没有着力于很多“学术”的理论研究，就研究方法也能“抓住老鼠”。 关键是研究的结果如何体现在产品中，如何吸收个人用户的意见，为所有用户提供服务。在这一点上，我们还不够，积累也很薄弱，需要向伙伴们学习更多。 请代我向大家问好。最后关于进程，请注意以下几点1 .设计过程的目标是保证“无论谁设计这个产品，都能达到80分”2. “100分”的完美作品，很有可能不遵循过程，是将革新、传承、实行力天才融合的作品3 .“过程”只有根据环境带来正面作用