网页设计需要的技能

无论你是否是一个专业的开发者，每个人都应该了解网站设计背后最基本的语言。你需要了解如何阅读、编辑和排除基本的HTML。下面介绍网页设计需要的技能，希望可以为您带来帮助。

1.用HTML和CSS编写代码

无论你是否是一个专业的开发者，每个人都应该了解网站设计背后最基本的语言。你需要了解如何阅读、编辑和排除基本的HTML(根据你的实际工作，你可能需要了解更多)。

在任何情况下，你都应该能够在HTML代码中精确地找到类似加粗、字体、颜色或大小的任何设置，而不需要思考。你应该能够轻松地在CSS中替换样式，这些技能很容易学习，而且从长远来看，会对你很有好处。

2.学会编辑照片

在任何设计领域，你都有可能花上一整天时间在处理图像上。所以你需要知道如何操作它们才有意义。从基本裁剪尺寸到最细致的“清理”，你应该能够轻松地使用和编辑照片。最 低限度，你应该对裁剪和基础的调整，以及一些图像质量的调整有所了解。

3.学习打印设计项目

虽然在日常，你的主要工作可能在是在数字领域，但毫无疑问，大部分的设计将需要打印而被转化为平面工作。从fliers到名片到新闻稿，你应该学习一些技能，能够帮助你创建并转换这些普遍的常用格式，以便你可以随时准备就绪。

对于这项工作，你需要理解的关键内容包括不同的媒体类型、颜色的色值参数以及相关的打印分辨率等问题。虽然你可能会使用诸如FF0000这样的值来创建文红色的元素，但这对打印不适用，CMYK才是打印项目的标准。

4.写一个标题

诸如用lorem ipsum作为主要的标题几乎是不建议的。单词应该是将视觉和信息结合在一起的粘合剂，你的标题可能并不会总是很出彩，但当你在设计概念上的时候，你应该总是填上那些最重要的词。

实际上，这些单词可以帮助客户理解文本的可用空间。一个好的标题可以让客户觉得你对他们很了解，这对于拿下一个项目或者开展一个项目是至关重要的——给人留下深刻的印象。

5.宣传(展示)不要错过任何一种设备

对于这点，你可能需要在前期做一些功课，你应该对大多数人不会或不想使用的电脑或移动终端等设备有一定的了解。这可能需要你从你喜欢的设备或浏览器或程序中脱离出来，去尝试其他的东西(如果你这样做，你最 后会发现这真的很有趣)。

我们都有过这样的经历：没有什么比客户端着旧手机或在小屏幕上向你展示某样东西，而你却无法轻松地解决适应性这个问题更糟糕的事情了。你应该能够在任何环境和设备中使用你的网站(和其他)，并通过说明如何使用它来说服其他人。

1.绝对自信的“画”出你的想法

草图最 具价值的地方之一就是你可以帮助别人“看到”你的想法。记住，很多人在开始想要了解你的想法之前，都需要看到线框图或草图。

当你满怀自信的描绘出你的草图时，是最有可能帮助建立这种联系的好方法。这并不是说你需要在一夜之间学会成为一个一 流的艺术家。但你应该准备好一个便笺和笔(或铅笔)，这样你就可以把这些想法写在纸上，并与团队分享。

2.使用一个通用的框架

使用网站设计框架来启动一个项目并不可耻。事实上，除非你是一个超级最求个性的开发者，否则你应该这样做。

框架可以帮助你避免在每个项目中都需要重新设计基础的板块。如果你最终需要将一个成型的网站交给一个试图维护它并进行更新的客户，那么它就很容易使用。WordPress是一个很受欢迎的选择，但还有更多的选择可供你尝试。

3.备份和打包文件

尽管网站似乎是一个可以自我控制的系统，但实际上它不是的。你需要了解如何备份你的站点(并在必要时恢复它)，以防止出现数据丢失(安全总比事后后悔好，对吧?)。即使你不知道为什么要操作这个步骤，你也应该了解什么是保存，以及需要保存的频率和数据被储存的地方。

除此之外，你应该有一个好的办法，如何为网站样式、设计和源文件创建独立的文件包，一方面是为了更方便备份，另一方面，当客户临时需要这些重要的信息时，你可以很高效的提供给他们。包装文件(用于打印)是网站设计过程中必不可少的一部分，客户会需要有一整套的品牌识别，与打印促销的网站设计相匹配。

4.了解3种设计趋势(以及明白什么时候使用它们最适合)

对于趋势的选择和使用，你应该有一个“去做”的清单。这是什么意思呢?

简单地说，你应该与任何有能够帮助你提升设计知识和水平的人交谈，了解目前什么是最 流行的视觉技术趋势，以及为什么使用或者为什么不应该使用它们。他们是如何工作的，你喜欢/不喜欢这些趋势。

5.解释设计理论

颜色、流动、平衡、比例和间隔等：这些都是你在项目中应该能够直接看到的东西。但这并不代表你看的方式是正确的，设计理论同样重要。理解你为什么要这么做，以及为什么创造一个平衡的美学是很重要的。

如果你理解得很好，你可以解释它，而且更容易为你的设计决定辩护和解释为什么这么做。基础将帮助你掌握任何项目。

这个清单上有多少技能可以作为你必学或者必须知道的东西呢?你有多么渴望去了解或更新你的技能?

与其他类型的设计一样，网页设计植根于基础，并在大量的趋势和新技术中脱颖而出。对这种组合的良好理解将有助于你成长，成为一个更好的设计师，并将帮助你在设计决策和工作中更加自信。

一.Sarah Parmenter

UI设计师Sarah专攻用户界面在不同设备上如PC端、iphone和ipad的设计。作为You Know who设计工作室的老板，以及Happy Monday的联合创始人，Sarah经常环游世界，在重要的网站设计会议中发言。她公司的用户来头也不小，包括黑莓，新闻国际集团，苏格兰电视台，美国国家乳腺癌基金会等。

二.Dave Shea

Dave以他的CSS Zen Garden项目而闻名世界，这个项目实现了table设计布局开始向基于CSS的布局的转变，做出了重大突破。之前，很多设计师在做网站时都是使用table表格嵌套的，但随着Web的不断发展，table表格设计布局逐渐显露出了一些弊端，CSS的提出为网站设计提出了新的思路。继Dave提出以后，世界上很多设计师开始使用这种设计方法。

三.Jeffrey Zeldman

Jeffery是以他的书而出名的：《Designing with Web Standards》，不少人认为这是每一位设计师的必读书目。Jeffery还是行业领先且广受欢迎的在线期刊"A List Apart"创始人，他还创建了Happy Cog工作室，这是一家网站咨询公司，其客户包括MTV，班杰利公司和斯坦福大学。

四.Vitaly Friedman

Vitaly在业界广为人知恐怕是因为他创建了一个网站：Smashing Magazine。自2009年以来，这个网站一直提供许多高质量内容，包括CSS、HTML、Java的编程技巧，响应式设计趋势，移动端优化等多个不同方面的资源。目前这个网站还开始向出版界扩张，打印Smashing Book Series，并吸引了不少业界的专家们来此切磋交流。

五.Rachel Andrew

Rachel是一名网站设计师，演说家以及多产的作家。 她的书在SitePoint，Apress和 Five Simple Steps等出版社上都有发表，涵盖了PHP网页开发、CSS3 布局配置以及Adobe的Dreamweaver网页设计工具等。

除了演讲和写作以外，Rachel还是edgeofmyseat.com的总经理，该公司是一家以Perch CMS应用程序而闻名的网站开发咨询公司。

六.Simon Collison

Simon Collison驻扎在英国诺丁汉，他是一名设计师，演说家和作家。 Simon在自己的职业生涯中遇到过各种各样的情况，经常会通过书籍和会议分享了他对网页设计的认识。 他也是Fictive Kin(一设计工作室)骄傲的合作伙伴，并常在英国的诺丁汉(他的故乡)举办了一年一度的网络设计活动。

UI设计师看重的是整体的造型能力，看重图形创意功底和用户交互体验设计。网页设计师看重的是版式编排能力，看重版式框架掌控和视觉流程的把控。这是两个设计岗位的核心差别。

UI设计更多的针对的是小屏用户，即手机、平板电脑等触控方面的设计。所以要求对于交互体验要有较深的了解，能揣摩用户的操作习惯，并根据这些做相相应的界面设计、流程规划等。在UI设计中除了与网页设计中相似的界面设计之外，还有很大一部分工作是对于软件的图形设计，比如说APP的LOGO，界面中的ICON等。对于这方面的设计，除了要有很强的图形创意功底之外，对于细节的把控也是重中之重。因为对于小屏设计来说，可能就是一两个像素点上来求精致，因此UI设计师对于细节的深挖能力很重要。

并且UI设计师要能紧跟设计风潮，比如说之前苹果带动的拟物化的设计，就要求UI设计师有很强的写实描画能力。而后期流行的扁平化设计风格，就要求UI设计师有较好的图形概括能力。

网页设计更多是针对于大屏用户，在电脑端来浏览网页的。所以网页设计要求要有很好的页面布局能力，也就是说版式编排能力。因为要考虑到网页的浏览规律，所以在网页设计中，对于视觉流程的掌握要求很高。

在网页设计中，不存在太多的图形创作，并且整格版式的视觉效果要超过对于细节的刻画。因此相对来说，网页设计在某些方面难度低于UI设计。

其实UI设计和网页设计的区别并不太大，很多的UI设计师就是从曾经的网页设计师转行过去的。而且相信随着移动端的用户越来越多，UI设计师的工作也会越来越被重视。

区别一，UI设计是一种全面创新的设计模式，能够让我们看到在现在的网络设计会给我们很多的创意产生，而UI设计能够从用户所使用的各个终端和APP以及网站上呈现出值得让人期待的设计成果，这些都是现如今的市场需求，能够让我们看到新的生机产生。而网页设计就只是单纯的网页方面的设计方式，让我们感觉到的也是网页方面的不同效果展现，最终体现出的也是各个网站在独立页面上的成果。

区别二，UI设计是现在新出的一种设计方式，而且也是学校里新兴的一类专业，能够让我们体会到UI设计带给自己的思路有很多，而且大家都能从这些问题里体会到设计者在其中所做出的各种努力。但是网页设计却是会从单纯的方面去了解到之前所用过的一些设计灵感，并且能够从具体的方式来呈现网站本身的一些作用和价值。