敲黑板！UI小白学好网页设计需要知道这些！-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_40664002/article/details/103814534

敲黑板！UI小白学好网页设计需要知道这些！

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上，认为只要用好了网页制作软件，就能搞好网页设计了，但其实这种理解是很狭隘的。

其实网页设计是一个感性思考与理性分析相结合的复杂过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件应用上，而是在我们对网页设计理解以及设计制作水平上，在于我们自身美感以及对页面把握上。

下面是我们需要注意的（敲黑板）：

一、设计的任务

设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者意图，而并非创造美。

网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。

第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。

第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造嫌疑。

第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。

当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。

明确了设计的任务之后，接下来就是要想如何完成整个任务了。

二、设计的实现

设计的实现可以分为两个部分。第一部分为站点规划及草图绘制，这一部分可以在纸上完成。第二部分为网页制作，这一过程是在计算机上完成的。

设计首页的第一步是设计版面布局。我们可以将网页看作传统报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。

除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。

接下来我们要做的就是通过软件的使用，将设计蓝图变为现实，最终集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作过程中，我们会碰到许多问题，其中最敏感的莫过于页面颜色了。

三、色彩的运用

01、确定网站的整体风格

在这里，我提供给大家一些参考经验：

1．将你的标志logo，尽可能的放在每个页面上最突出的位置。

2．突出你的标准色彩。不要将所有颜色都用到，尽量控制在三至五种色彩以内。

02、网页色彩的搭配

1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。

2．用两种色彩。先选定一种色彩，然后选择它的对比色。

3．用一个色系。简单的说就是用一个感觉的色彩。

设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。但颜色的使用并没有一定法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。