web设计

⑴ Web设计的设计原则有哪些

原则1： 清晰
清晰是用户界面设计最重要的原则之一，要让用户能够有效地使用你设计的界面以及清楚的知道这个界面是用来做什么的，能产生什么样的交互，解决什么样的问题。清晰意味着能准确表达出信息内容。它有助于防止用户出错，清楚地呈现出重要信息并提供完美的用户体验。
原则2： 以用户为中心
在用户界面设计中，设计师要清楚谁才是真正的使用者。要能够站在用户的立场和角度来考虑设计网页。用户是你最终产品的体验者，所以，在做设计时，要遵循以用户为中心的原则。用户不会花太多时间在同一个网页，只要他找到自己所要的讯息，就会跳转到另一个页面继续寻找下一个信息。网页设计师要知道，用户之间的差别很大，他们的操作习惯和能力也各有不同。你不能满足所有人的期望，也别试图去满足所有人的期望，因为那是不可能的事。你要做的只能是让你的网站使用更加方便易操作，要做到这点，你必须了解用户的需求，目标和偏好以及操作习惯。
原则3：KISS（Keep It Simple And Stupid）
简单易操作，这也是网页设计最基本也是最重要的原则。要让用户觉得自己是在控制软件，而不是感觉被软件控制。切记网页的可操作性，用户的习惯和能力各不相同，他们不是网页设计师，并不懂你们设计这个网页的原理和操作方式。并且绝大数的用户，对于电脑的使用经验是很初级的，只要稍微复杂一点的操作就会让他们感觉很费力，所以网页设计师需要注意的是，减少操作。这里所说的stupid，不是愚蠢，而是能减轻用户的负担，让操作更加简单。

⑵ ui设计、网页设计和web前端的区别是什么

首先，什么是Web前端开发呢？通俗来讲，当你打开某个网站时，往往第一时间被那些炫酷的动态网页设计所吸引。但是，如果没有Web前端工程师，这些图片是不会动的。这样一个动态网页是怎么实现的呢？首先，需要UI设计师按照市场部要求进行每张图片制作；然后WEB前端工程师通过技术手段实现滚动效果。通俗点说web前端工程师就是用HTML5、CSS3、Java、jQuery、Ajax等技术把UI设计的页面效果做成网页，结合Bootstrap、AngularJS等最新的JS框架和后台开发工程师搭线，最终实现让大家看到的电商平台上那些动人的精美页面。

那么什么是UI设计呢？UI即UserInterface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。通常包括平面设计，网页设计以及移动界面设计。

其中，网页设计和移动设计这一岗位方向，需要学习Web界面设计、PC客户端软件界面设计、HTML5语言、CSS样式表、布局技巧与浏览器兼容等技术。因此从这一点来说，web前端开发与UI设计之间是互通的，也就是说，通过系统UI培训后，你将来有可能会成为一名web前端工程师！

二者最大的区别就是：WEB前端工程师是要写代码的，而UI设计师重点在设计上。因此，对于广大学员到底学UI设计好还是WEB前端开发好这一疑问，海文国际建议，学哪一个都不错，但最重要的是看你自己的兴趣所在。然而，对于初学者来说，无论是UI设计好还是WEB前端开发，尽可能通过系统培训多涉猎一些相关知识，这对于将来职场发展会更有帮助，可以在以后职场中更好的相互协作和支持。

⑶ web端设计和web前端开发的区别

1、Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。
2、web设计 是使用Photoshop或Fireworks等设计软件，将网页的视觉效果、排版等工作呈现出来。
也就是说Web端设计指的是设计图，而前端开发指的是根据设计图以代码的方式写出来，实现真正的网页而不是图片，实现出来的效果跟设计图几乎是相同的。这是两者之间最大的区别。

⑷ 什么是WEB设计

由于我们对传统美学职业的认识，web设计一直被强调为视觉上的表现手段，如果不计算技术的因素，web设计中重要的问题往往是如何组织和创建web站点的内容。而随着电子商务的流行，是否带来商业方面的成功也成为衡量web设计作用的标准。
因为internet的特殊性，使得web设计不再是一个普通的从事应用美术的职业，它变成了跨学科，跨领域知识的综合体。为了实现更好的web设计，你大概需要掌握图书情报学，计算机图形学，程序设计，客户机/服务器技术，用户界面设计，人机互动关系，可用性研究，心理学，社会学等诸多方面的知识，并达到一定的水平。

一个完整的web设计工作应该至少拥有以下主要的方面：

内容

是的，网站的本质在于信息的传播以及如何传播，问题集中在怎么样引导和劝说用户。由于web的特殊性，内容已经脱离我们传统的定义，它可以包括：文字，图形，超连接，交互操作，动画，视频，音频，在线游戏甚至更多的混合型的组织形式。拥有高质量的内容是网站成功的关键。
我们常常误解web设计为制造优秀的视觉体验，带给客户不同以往的美学感受。当然，这样做，可以吸引第一次访问的客户更加注意你的站点，但是一旦客户在某个地方停留下来后，他的所有活动将转变成寻找对他有用，或者他感兴趣的信息。
如果一个站点空有一个漂亮的架子，而缺乏实际的内容，用户最终会离开。而设计在这里的作用是？ 对，如果一个优秀的内容，用户无法很快的找到它（或者并不明显），内容也失去了它的意义。

因此，web设计的最基本原则是 – 通过有效的方法更好的组织和规划用户所能浏览到的信息。这样做的目的是获得用户的好感，并且使用户得到方便。例如，我们通常说的好的导航， 应该是具有明确含义的连接名称，基于逻辑的按钮组合，优秀的充满质感的表现；好的页面应该有语意清晰的标题，一致的导航元素，降低视觉疲劳的颜色组合，清晰明朗的文字编排，懂得提示和警告的编辑技术等。

设计师往往喜欢把自己放在高处，不过你要记住，用户来到你的站点，并不是来欣赏你的设计（会这么做的，只有那些和你一样的设计圈子内的朋友们，或者企图进入这一行业的新手）。当用户来到一个站点，通过导航系统和安排好的组织结构寻找内容，导航本身不过是路径。就算你的导航设计真的很巧妙，那并不重要，如果你花费在“包装”上的时间比“引导”上的精力更多的话，你获得的成效不会让你感到高兴。

由于用户的差异性，设计师不可能设计出完美的导航，当用户进入一个陌生的站点，他们不知道该如何操作这些繁杂的页面，找出他们需要的部分。这时用户并不希望浪费时间去学习掌握复杂的流程系统。他们对自己所在的位置，只有在自己无法找到合适的东西时才变得重要。只要你的页面导航能够帮助客户方便的找到自己需要的东西，这样的导航就是合适的。

技术

技术的完善与系统是保证合理功能的基础。Web是由纸张进化到internet的信息工具，其传播媒介已经发生了彻底的变化，因此要从internet的根本特性出发设计站点。好的站点应该具备强大的技术支持，一个拥有好的设计的站点，也同样要拥有好的运作。

站点无论如何是不能崩溃的（天灾人祸也请尽量避免它们，不要再为你微薄的技术能力找借口，作为技术工程师的你，职责正在这里！），HTML的正确表现，图像的正确显示，其中参与交互的元素 – 客户端的javascript，服务端的CGI程序，一定要在客户不易察觉的情况下，体现良好的运作并帮助客户得到web的正常功能。“404：file not find”不会为你带来第二次的客户关注，错误的站点是不会被允许成功的。

可能引起错误的原因大概是： 技术的更新和改变，开发经验的欠缺，不考虑人力的时间进度安排，方法学的缺乏，未考虑到网络媒体的特殊限制。

我们不难发现技术的更迭是相当迅速的，HTML，CSS，JAVA等都在以超乎你想象的速度发展。一个优秀的web设计师应该时常关注技术领域的变化，忽略技术和媒体特征的结果是你无法完成本该高质量完成的工作。
Web设计师要保持在掌握浏览器更新，带宽变化，程序设计及协议等问题上的高度兴趣。

外观

在一个站点拥有好的功能和简单明了的导航系统，强大的技术支持后，我们发现它们未必能够成为用户青睐的目标。一个站点的外观是最先被注意到的，而这个特征几乎在任何设计类工作中体现出来。尽管我们知道，好的品位无法逼迫出来，几乎也不可能被预测。

但我们知道，好的web设计与浏览它的用户的品位直接有关，第一眼印象是由在线的站点造成的。站点的外观会影响用户对站点的看法，外观好的站点会被主观的认为比外观差的站点好，至少第一眼是这样。

⑸ Web设计的设计原则有哪些

好的设计能够帮助企业提升数据，同时还可以提供用户一个良好的使用体验。GoodUI 总结了一个长达69条设计原则的清单（不断增加中），列举了他们认为非常重要的设计要点。
与以往的一些文章不一样的是这里提到的69点其中有一部分 GoodUI 已经通过 AB Test 验证过可行性。当然分析报告是需要付费的，单篇39美金。

不过今天讨论的重点并不是付费报告，而是这69条设计原则。我按照自己的理解将它们翻译成了中文并配上图片，希望对大家有所帮助。
本篇文章内容及图片均来自于GoodUI，如有翻译不恰当的地方欢迎大家指正。

01 尝试使用一列的布局替代多列布局

02 给用户一些小的利益，别看上去那么赤裸裸

03 合并相似的功能

04 尝试展示来自用户的赞扬，而不是自我表扬

05 重复核心行动点

06 统一视觉规范，提升可识别性

07 尝试使用推荐的口吻，而不是让用户感觉面对一台冷冰冰的机器

08 给用户吃「后悔药」的机会

09 告诉用户产品适用的人群，而不是人人都通用

10 将文案写得更加的直接，而不是一堆废话

11 增强主行动点的视觉冲击力，提升它在页面中的可对比性

12 让用户知道你从哪儿来更易于拉近与用户的关系

13 将表单做的简单点，确保用户在抓狂之前能进入下一步

14 尽量将用户需要选择的信息展示出来而不是藏起来

15 页面的排版需要考虑用户是否会漏掉底部信息

16 如果页面的底部有需要关注的行动点，别让文中过多的外链带走了用户

17 确保用户知道自己目前的状态

18 将利益点融合在行动点中，增强用户的点击欲望

19 将行动点与当前信息结合起来

20 将简要的表单合并到页面中，减少调整页面带来的用户流失

21 适当的增加延迟动效，让用户感知到页面的变化

22 让新用户从尝试产品入手，而不是一来就面对冷冰冰的注册表单

23 减少使用线框，这会过多的吸引用户注意力，而且会让页面看上去透不过气

24 给用户推销你能给他带来的利益，而不是功能

25 一定要注意0结果页面的设计，这也是引导用户的好地方

26 给用户选择退出的权利，特别是邮件订阅

27 注意界面元素的一致性，降低用户学习成本

28 给下拉框增加一些预设值，降低用户填写成本

29 延续用户日常的使用习惯，而不是重新创造

30 尝试告诉用做些事情降低自己的损失，而不是提升收益

31 提升页面的视觉层次，增强可阅读性

32 将同类的操作合并在一起，降低用户的认知成本

33 表单及时校验，而不是统一提交后在告诉用户填错了

34 尝试将表单输入变得更加宽容，让用户的填写更加简单

35 通过时间增强紧迫感

36 提供用户可预见性的操作，降低用户的心理成本

37 尽可能的帮助用户选择，而不是让用户想破脑袋

38 尽可能将操作区域放大，降低用户操作成本

39 页面加载速度很重要，尽可能让用户感受到你的网站速度很快

40 如果可以，增加键盘快捷键，提升操作效率

41 尝试通过对比来让用户感知到性价比

42 尝试对进度条进行「设计」来降低用户等待的焦虑

43 根据用户选择逐步展示信息，降低无效信息对用户的干扰

44 有时候较小的承诺比「夸海口」会更容易让用户信服

45 尝试将提示信息弱化，减少对用户操作的干扰

46 尽量通过系统的功能来简化用户的操作

47 用文本配合图标来降低用户的认知成本

48 用更自然的语言代替冷冰冰的机器

49 放出一些摘要信息来帮助用户识别是否需要进一步了解

50 在关键的页面增加用户权益信息，增强用户进一步操作的信心

51 将价格进行换算，让用户感觉这很便宜

52 记得在成功页面感谢用户

53 将数字转化成易于用户阅读的形式，而不是冷冰冰的机器语言

54 告诉用户选择的权利和自由「诱惑力」

55 尝试让语言更具「诱惑力」

56 通过设计引导用户的注意力

57 通过友好的对比来展示产品，为用户做决定提供帮助

58 通过任务机制来提升用户的满足感

59 让用户了解接下来将要发生什么事情

60 尝试用更幽默一些的语言文案

61 任何操作之后都要给出反馈，让用户知道操作已经生效

62 注意动效的真实使用情况（Amazon 的类目菜单就是一个很好的例子）

63 注意排版的，不要让信息过于拥挤

64 尝试用讲故事的方式来传递信息，增强用户的代入感

65 尽量给用户展示真实的信息，不要欺骗

66 随着用户的不断熟悉简化界面

67 试着用用户的口吻展示信息

68 在表单中增加一些提示信息，减少错误的几率

69 最后，用简单的文案传递核心关注的信息，少一些废话
这69条设计原则虽然针对 Web 设计，但有些部分在移动产品设计中同样有效。
转载自：http://gooi.org/

⑹ web前端和网页设计有什么分别啊

web前端通常称为软件设计或者美工，普遍工资确实要比网页设计高，因为软件的收费比网页或者网站高多了，一个网站收费过万就算比较高了，而软件随随便便就是好几万的，一二十万、几十万甚至上百万的都也是正常，但是网站的制作周期比较短，小点的网站通常是一两周之内就可以完成，而软件的周期短则几个月、半年，长则一年几年都有可能，像我们公司就是给政府部门做监控及统计软件的，每个项目随随便便都是半年以上的制作周期。

收费嘛自然也比较高，有个项目都做了3年了，不过这个项目是个长期项目，不断的提交又不断的增加新功能而已。

话说回来，网页设计和web前端其实差别并不太大，对于设计师来说两者也就是界面模式不同而已，对于熟练的设计师来说，两者之间可以很好的转换，页面/界面布局的方式其实还是一样的，使用的也还算div+css布局。

我本人做这行已经8年了，刚开始做了2年的网页设计，后来转了软件设计一直做到现在，老实说做软件设计确实是工资高了，工作也更轻松了，因为做网页的公司普遍规模都不大，为了能有收益必须大量的接单，这也势必造成工作量很大，但是设计公司又普遍是有项目提成的，所以工资有时候反而比做软件的高，做软件的普遍是拿固定工资的，所以说两者的工资水平并不是绝对的，只能说做软件更轻松一些。

⑺ web前端工程师和网页设计师的区别

一、指代不同

1、web前端工程师：利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发人员。

2、网页设计师：指精通Photoshop，Coreldraw,Frontpage,Dreamweaver等多项网页设计工具的网页设计人员。

二、职责不同

1、web前端工程师：完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。

2、网页设计师：负责对网站整体表现风格的定位，对用户视觉感受的整体把握；进行网页的具体设计制作；产品目录的平面设计。

三、技能要求不同

1、web前端工程师：对互联网流行的网页制作方法（Web2.0）HTML+CSS，以及各大浏览器兼容性有深刻的了解。还要对IT其他编程语言有所了解如：PHP，Java，.net，vue。

2、网页设计师：需要掌握网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等。

⑻ web前端工程师和网页设计有什么区别

前端和设计师，
如果要区分的话，区别蛮大的。
前端是实现设计师出的图版效果，做成页面，加权上效果，各种JS，各种CSS等等。

设计师，按正规来说，和程序员沟通好后，出设计图，各种效果的效果图，比如设计稿内要标明，鼠标移上效果会是怎么样，等等，前端再实现这些效果成页面，交给程序员......

⑼ web前端设计工程师与网页设计有什么区别

前端和设计师，
如果要区分的话，区别蛮大的。
前端是实现设计师出的图效果，做成页面，加上效果，各种JS，各种CSS等等。

设计师，按正规来说，和程序员沟通好后，出设计图，各种效果的效果图，比如设计稿内要标明，鼠标移上效果会是怎么样，等等，前端再实现这些效果成页面，交给程序员......

⑽ Web设计师和Web开发者之间的区别是什么

1、Web设计师是什么
Web设计师主要处理可视化布局的网站。他们通过使用图形和图形设计软件(Adobe Photoshop，Illustrator 和InDesign等)来创建可视化的Web网页，一旦完成后再由Web开发人员进行编码。
不是每个设计师都是懂编码的，但在某些情况下，有些工作团队能够独立完成网站设计。优秀的设计师在各种概念使用上运用自如，比如色彩的搭配、排版、空间关系以及用户体验等。
2、Web开发者是什么
Web开发者通常是负责网站的后端开发，这就要求他们掌握特定的Web语言。比如HTML、Javascript、JQuery 以及CSS。一般情况下，Web开发者不会注重视觉上的东西，但他们却很在意洁净的代码。
Web开发者通常被认为是使用左脑开发的人群。从技能角度上讲，技术能力和思维逻辑是必不可少的一部分。Web开发涉及到各个领域，包括计算机科学或编程。大多数公司需要这种组合技能。优秀的开发者通常会注重细节，并且关注每一处细节。
3、总结
无论是Web设计师还是Web开发者，他们都朝着同一个目标而努力——创建一款能吸引更多用户的网站或应用。

要做到这一点，设计和开发的出发点需要一致。一个优秀的网站应看着美观且运行良好。色彩和图形能够凸现名牌意识;界面能激发游客采取行动。