专业的网站设计师教你如何设计网页

2016-02-19 17:39 10 1 收藏

下面图老师小编跟大家分享专业的网站设计师教你如何设计网页,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Web开发 】

  第一、网站设计的任务

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

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

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

  第二、设计的实现

  设计的实现可以分为两个部分。

   第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成。

   第二部分为网页的制作,这一过程是在计算机上完成的。

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

  虽然在草图上,我们定出了页面的大体轮廓,但是灵感一般都是在制作过程中产生的。设计作品一定要有创意,这是最基本的要求,没有创意的设计是失败的。

  第三、色彩的运用

  一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。

  可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。

  单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页安全色。

  但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。

  第四、造型的组合

  在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造整个页面的。

  通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交叉、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。

来源:http://www.tulaoshi.com/n/20160219/1615747.html

延伸阅读
经常有人会问学工业设计的,可以上哪些网站?今天就把知晓的一些很不错的网站推荐给大家,主要侧重工业设计方面的。这些网站包括设计类社区、概念产品网站、创意品资讯平台、工业设计公司、工业设计赛事、新兴的产品众包平台等。学设计的,一定要多看。 1、Behance 是2006年创立的著名设计社区,创意设计人士可以在上面展示自己的作品,发现...
生动有趣的网页设计总是能吸引到更多的用户驻足停留。千篇一律的网页设计已经无法满足如今挑剔的用户了,想要抓住他们的眼球,必须尽可能的打开他们的好奇心,并且在细节上取胜,让他们在细节中感受到设计师的用心。 以下是AnyForWeb为大家总结的设计有趣网页的小方法,供大家参考评论。 1.Krystalrae是一个极具个性化的网站,纵观全局,每一...
文中的这些图片都是国外网页设计师进行网页设计的手绘草稿,仅供参考,虽然不一定每个网页都需要这样设计,不过从设计流程来看,一些大型网站的设计师也会采用先手绘出样稿形式进行设计。这种手绘形式的设计稿对于初期讨论有较大的作用,相比用PS等软件制作出的设计稿更容易标注与讨论。 希望这些原型图可以帮助你迅速找到设计的灵感。
如何快速做出一个极简风格网站?国外某个网站统计分析了112个明显带有极简风格的网站后,发布了这篇超级干货。全程都是以数据来说话,从占比最大的设计要素开始说起,有案例有分析,把极简风格的设计彻底发挥到了术的地步。 最小化设计的目标是移除界面当中不必要的元素或内容,减少干扰,使界面最大程度的支持用户的任务流程。 要将界面以恰...
JavaScript 是网页设计中绕不开的一部分,也是最热的编程语言之一。作为网页开发人员,JavaScript几乎是必学的语言。技术的发展和软硬件的发展,使得JavaScript的性能有了更大的提升空间。 如果你打算在事业上有更为长足的进步,掌握JavaScript能为你带来更多的可能性,这是毋庸置疑的。在今天的这篇文章中,我们搜集了15个最适宜学习JavaScri...

经验教程

181

收藏

64
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部