网页设计精髓

1、网页设计入行需要看哪些书

几本有关UI设计的入门“干货”！

UI的发展和现状

书籍名称：《艺术的故事》

作  者： 贡布里希 (Sir E.H.Gombrich) 

内容简介 ：从最早的洞窟绘画到当今的实验艺术的发展历程，阐明艺术史是各种传统不断迂回、不断改变的历史，每一件作品在这历史中都既回顾过去又导向未来。

书籍名称：《西方美术简史》

作  者： 亨德里克・房龙

内容简介 ：以优美的文字、清晰的思路讲述了西方美术史的发展轨迹与幕后精髓。

美术视觉设计

平面构成

书籍名称：《平面设计法则》

作  者： 米尔曼

内容简介 ：对学**设计的学生来说是一个一站式的资源库，既是有趣的基础教程，同时也是深入设计领域实践的“入门读物”。  

书籍名称：《平面设计视觉词典》

作  者：  加文·安布罗斯 /哈里斯

内容简介 ：旨在对平面设计中容易混淆的一些专业词汇予以区别和解释，比如斜线和斜体的区别，重印、套印、翻转的区别等。

美术绘画

书籍名称：《视觉与绘画》

作  者：  诺曼・布列逊 

内容提要：本书对西方美术史极为闭塞与自满的研究现状作了尖锐的理论批评，强调从绘画图像的社会性及其作为符号的独特角度、从历史与人文学科当代发展的角度拓展研究视野。

书籍名称：《素描与视觉思维》

作  者： 吴国荣 

内容简介 ：本书对古代到现代源远流长的素描传统,作重新的审视和选择；对不断更新发展的各设计专业需求共同本质因素的探究和设计类基础素描教学和实践作了系统的梳理和思考。

色彩构成

书籍名称：《设计配色基础》

作  者： 视觉设计研究所 

内容简介 ：帮助读者了解配色的整体效果以及有关配色的基础知识，讲解了营造画面氛围的方法，以及如何利用色彩给人的感受来表达主题。

书籍名称：《艺术设计的色彩构成》

作  者： 朝仓直巳 

内容简介 ：虽然这书是很老了但毕竟学问这东西万变不里其宗！不得不承认日本人教学方面的书比中国人严谨很多。

版式设计

书籍名称：《版面设计的原理》

作  者：  伊达千代 

内容简介 ：以条理分明的章节及浅显易懂的文字，有层次地说明设计的各个环节。作者从建立条理、添加变化、强调重点、设计技巧和设计中的色彩几个方面将自己实际操作经验与心得全部记录下来。

书籍名称：《栅格系统与版式设计》

作  者： 金伯利·伊拉姆 

内容简介 ：本书中展示的设计超越了简单的功能主义和简约主义的教条，使得版式设计成为一种真正的动态传达方式。

字体设计

书籍名称：《文字设计的原理》

作  者： 伊达千代 / 内藤孝彦 

内容简介 ：作者汇集多年来的经验，运用大量实际案例，有层次的逐步展开文字设计的各个重要因素，从认识文字、文字与意象、易于阅读的文字组合、在设计中如何强调文字，以及文字在排版中的运用。   

书籍名称：《商业字体设计》

作  者： 许瀚文

内容简介 ：作者走遍陆港台日、欧洲，跟世界各地的字体设计师、文字设计师交流，并每天工作、学**、不断反思反省下所蒸馏出的想法。

交互设计

用户体验设计

书籍名称：《破茧成蝶-用户体验设计师》

作  者：  刘津/李月

内容简介 ：一本很实在的书，基本从入门给我们讲述了什么是用户体验，书中融入了宝贵的职业经验和专业思考，对于交互设计师、视觉设计师、用户研究员等具有一定参考价值和借鉴意义。

交互设计原则与规范

书籍名称：《简约至上：交互设计四策略》

作  者： Giles Colborne 

内容简介 ：一本凝炼至极、耐人寻味、图文并茂的好书。简化设计，提升易用性。创造出卓而不群、历久弥新的用户体验。

书籍名称：《认知与设计：理解UI设计准则》

作  者：  Jeff Johnson 

内容简介 ：把设计准则与其核心的认知学和感知科学高度统一起来，从认知和心理学角度剖析交互设计本质，介绍如何将最新的认知 学成果应用到交互设计中。

设计心理学

书籍名称：《设计心理学》

作  者：  Donald Norman 

内容简介 ：帮我们找到了这些问题的关键，即产品设计忽略了使用者在一定情境中的真实需求，甚至违背了认知学原理。

设计思想

书籍名称：《点石成金》

作  者： 史蒂夫·克鲁克 

内容简介 ：这本书短小精悍，语言轻松诙谐，书中穿插大量色彩丰富的屏幕截图、趣味丛生的卡通插图以及包含大量信息的图表，使枯燥的设计原理变得平易近人。

书籍名称：《设计中的设计》

作  者： 原研哉 

内容简介 ：以谦虚但同时尖锐的目光寻找设计被需要的所在，并将自己精确地安置在他的意图能够被赋予生命的地方。

书籍名称：《写给大家看的设计书》

作  者： 威廉姆斯，Robin　Williams

内容简介 ：以其简洁明快的风格，将优秀设计所必须遵循的这4 个基本原则及其背后的原理通俗易懂地展现在读者面前。本书包含大量的示例，让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。

当然一切还是行动起来最靠谱

看到网上和周围有很多人都在讨论如何学UI设计、UI设计的职业前景怎么样之类的话题。不得不说现在UI这个职业确实需求很大有很多人想要学**和从事相关的工作。设计是一门需要沉淀的技艺，却恰巧遇见了日新月异的互联网文化。只有知识与实践的努力才能成就一个出类拔萃的UI设计师。

2、如果一个网页设计的主题是“祖国在我心中”，那么最好选一个怎样的设计核心是什么呢？急！急！急！

祖国在我心中(一):

掀开摞摞发黄的历史，在白骨累累的中国近代史上我们看到一个个举着明晃晃钢刀的刽子手，一只只满口 鲜血的吸血蝙蝠，一头啮着血淋淋心肺的豺狼，一群群叼着头颅的鹰犬和一淌淌鲜艳刺目的血！

这是民族的耻辱。让受苦受难，受辱受虐的中国人的血不再白流，是老一辈仁人志士的不懈追求，他们奇迹般地走过了二万五千里长征，经历了八年抗战，迎来新中国的建立……

历史又翻到今日。新的仇恨，新的血泪又涌现在我们眼前：1999年5月8日一对新婚不久的中国青年夫妇倒在南斯拉夫的血泊中；2001年4月一位优秀的中国飞行员为了祖国尊严血洒南海上空……

同学们，我们能无动于衷吗?我们能让鲜血再洒在中国历史的十字架上吗?我们能让闪着寒光的刺刀再刺向中国人吗?

不!决不!血、泪、仇。我们记住了，永远地记住了。让我们化作冬雨，将南斯拉夫的血场刷清。让我们化作精卫，将汹涌的大海填平……

雪耻复仇，为中华民族伟大复兴，我们这一代中国青少年责无旁贷！

然而，我们许多少年人将自已民族的新仇旧恨忘掉了，将“五四”青年匍匐喋血，在血泪中仍高喊祖国万岁的那一刻忘记，将日本刽子手在南京城中狞笑着举起钢刀的那一刻忘记了……同学们如果我们沉溺在享乐之中将学习荒毁了，将前程荒毁了，将民族兴衰抛置脑后……这是一种毁灭，一种自我毁灭。

鲁迅先生穷其一生智慧，“我以我血荐轩辕”唤醒了刀俎上的中国人，我们的前辈树立“为中华之崛起而读书”的理想，以天下安危为已任，前仆后继，建立了新中国。

作为新时代的青年人，我们怎能放任自流，荒毁一生置民族大业于不顾?否则，枉为炎黄子孙！

梁启超曾高瞻远瞩地指出：少年强，则国强；少年富，则国富；少年屹立于世界，则国屹立于世界！

自古英雄出少年。在当今世界的残酷竞争中，中国青少年能否肩负起民族振兴和洗刷国耻的任务，直接关系到中国将来的命运。

我们的老师学识渊博、温文尔雅、谦和真诚、勤奋敬业、任劳任怨。
我们青春焕发、热血沸腾。摆脱幼稚走向了成熟，不再藏到父母宽大的羽翼下避风躲雨，而是如那高傲的海燕，渴望暴风雨，敢于战斗。我们虽然无需面对国土的沦丧，无需承受战火硝烟，但是我们可能要阻挡不期而来的洪水，抗击非典，预防禽流感，我们的飞船要上天，我们的足球要获胜，我们要研究转基因，我们要征服沙尘暴，我们要保护环境、维护世界和平……毋容置疑，我们这些祖国未来的建设者和接班人，肩负重担、义不容辞、任重道远。为了祖国的繁荣、民族的兴旺，今天的我们用激情点燃希望之火，用青春汗水浇灌成功之花。勤奋学习、奋力拼搏，是我们初中生活不变的主题。“三分天注定，七分靠打拼。”也许会受挫，也许会失败，但是，“不经历风雨怎么见彩虹”远航的水手告诉我们“风雨中，这点痛算什么，擦干泪，不要问，至少我们还有梦。”

努力吧！奋斗吧！中国青少年。为我们开辟民族复兴的新蓝天……!

祖国在我心中(二):

“当当当……”随着清脆的集合钟声，同学们排着整齐的队伍，集合在操场上。大队辅导员田老师用洪亮的声音庄严地宣布：“升旗，奏国歌，敬礼！”这时，几百只小手五指并拢，“唰”地一下举过头顶。此刻，校园里一片肃静，一千多名师生怀着无限崇敬的心情，目光一齐投向那面五星红旗。啊，升起来了，升起来了！五星红旗在雄壮的国歌声中徐徐地升起来了！

我看着这鲜艳夺目的五星红旗，心潮澎湃，思绪万千。一个个熟悉的故事，顿时化作一幅幅生动的画面，从我泪水模糊的眼前掠过：二万五千里长征途中，勇敢的红军战士在红旗指引下，冒着枪林弹雨，强渡波涛汹涌的大渡河；忍着饥饿和严寒，翻越白皑皑的雪山；克服了重重困难，艰难地走过茫茫的草地……为了迎接新中国的诞生，敬爱的江姐在万恶的渣滓洞里，冒着杀头的危险，与难友们一起，满怀深情地绣出一面五星红旗……更使我激动的是：我仿佛看到了1949年 10月1日的开国盛典，敬爱的毛泽东主席在雄伟的天安门城楼上，亲自升起了新中国的第一面五星红旗；我又仿佛看见，在改革开放的今天，党中央率领着亿万工人、农民、知识分子……浩浩荡荡地向四个现代化进军、向着那光辉的2000年挺进！

啊，红旗，你是祖国的光荣和骄傲。无数革命先烈为了把红旗插遍全中国，他们面对敌人的屠刀，发出从容的微笑。面对刀山火海，勇敢向前，他们用鲜血染红了革命的旗帜，用生命保卫了红旗，迎来了美好的今天！

这乳白色的旗杆，只有十几米的高度，然而它却展现了一段多么漫长、多么艰辛的历程啊！红旗升向蔚蓝的天空，“祖国”深深地印在我的心中。

“礼毕！”大队辅导员激动的声音打断了我的思绪，我再次深情地仰望着红旗。红旗升到了旗杆的顶端，金黄的五星在朝阳的映照下更加鲜艳夺目。红旗随风在蓝天中“哗啦啦”飘扬。这时，同学们精神振奋，斗志昂扬。我凝视自己胸前的红领巾，觉得它更加红艳了，因为它是红旗的一角，它是先烈用鲜血染成的。它激励着我继承先辈的遗志，为实现共产主义远大理想——时刻准备着！

升旗仪式结束了。我深深感到祖国与我们贴得很近很近。我鼓足了劲头，大步向教室跑去，又开始了一天新的“长征”……

祖国在我心中(三):
滔滔的江水,滚滚的黄河,连绵不断的山路,都属于我们伟大的祖国。祖国的山川雄奇,祖国的河水秀逸,祖国的胸怀无比广阔.
当侵略者的铁碲践踏我们美丽山河的时候,每一个有良知的中国人脸上流着泪,心中淌着血。为了心中神圣不可侵犯的祖国,他们在黑暗中摸索,在屈辱中抗争.
闻一多拍案而起,横眉冷对暗杀者的手枪；吉鸿昌高挂写有“我是中国人”标语的木牌,走在一片蓝眼睛、黄头发的洋人之中；张学良,杨虎城将军为了挽救民族危亡,毅然发动了西安事变……
英雄长已矣!古往今来,一曲曲悲歌,一个个惊天动地泣鬼神的故事,都讲述一个简单而朴素的信念,祖国在我心中.
正是这千千万万的赤子,才撑起了我们民族的脊梁,祖国的希望;正是他们,在自己的“今天”，用满腔的热血，谱写了无愧于时代的《义勇军进行曲》，才使得我们今天的共和国国歌响彻神州，那么气势磅礴，那么雄壮嘹亮。
再翻开五千年的历史，我发现祖国的生命精髓长城——那道伤痕，记载了多少沧桑，又表现得如此顽强，那是一种标识，更是一种力量，一种精神，一种向往！长江——那是祖国的脉搏吧！跳跃着永不枯竭的悸动，挥洒着无边无际的情伤。黄河——那是祖国的血液，沸腾着、沸腾着，奔涌着，奔涌着，无力不摧，昂着向前，何等的自信和骄傲啊！五岳——那是你的手掌，指着苍凉的天，戳着悲怆的地，怒斥着丑陋的奸佞……
耻辱和不幸已经成为过去，中华民族迎来了新的辉煌。改革开放二十多年来，在广大劳动人民的辛勤耕耘下，无论军事、科技、政治、体育，我们都取得了长足的进展。刚刚结束的雅典奥运会上，体育健儿凭借自己的“十年磨剑”，使中国首度跃身体育强国之列。五星红旗一次次高高飘扬在雅典的上空，雄浑激昂的中华人民共和国国歌让无数的华夏儿女心潮澎湃，热泪盈眶。
“祖国在我心中”，简简单单的六个字，道尽了多少中华儿女的心声。正是因为有这样一颗中国心，革命先烈抛头颅，洒热血，奥运健儿奋勇拼搏，屡创辉煌，而每一个炎黄子孙看到迎风飘扬的五星红旗都会热血沸腾，壮志激昂。
我们现在的幸福生活是革命烈士的血换来的，看到胸前飘飘扬扬的红领巾，在我心里，便有了这样一条信念，祖国就是妈妈，国家重于小家，长大后用双手把她建设的更强大。
祖国有广阔的疆土，有辉煌的历史，有漫山遍野的宝藏，有山川五岳秀丽的风光。思想的野马在奔驰，我用我的心描绘着祖国妈妈，她飘散的长发是千百条悠然流贯的河川，她硬朗而峭拔的脊梁是连绵不断的山峰，而她明亮的眼睛则是洞庭的水，西湖的波吧！
祖国是东方的明珠，是亚洲腾飞的巨龙，是远方地平线上初升的太阳。祖国在你心中，在我心中，在我们大家心中！

3、网站设计风格主要体现在哪几个方面

网站简单的可以分为：功能型和展示型

功能型：网站在美工设计上可能不适合大块图片，在数据功能上比较强，比如：搜索、会员注册。一般企业网、购物网、大型门户、交友网等。

展示型：追求视觉上的美丽，对功能要求不高，在美工上、设计上要有强烈的视觉感。这种网站一般属于：美容业、女性用品、服饰等。
可以是企业展示网站、企业宣传网站、门户网站、电子商务、社交交友、综合型网站等等。
1、将你的标志logo，尽可能的放在每个页面上最突出的位置。

2、突出你的标准色彩。

3、总结一句能反映贵站精髓的宣传标语！

4、相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！

二、网页色彩的搭配 　

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。在此告诉大家一些网页配色时的小技巧。

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

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

3、用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区： 　

1、不要将所有颜色都用到，尽量控制在三至五种色彩以内。

2、背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

现在是眼球经济时代，什么都要靠包装。你的网站设计的不好看，也无法引起用户的兴趣。我想谁都不喜欢看那些乱七八糟的网站，进去之后看不到网站主题，看不到主要内容，也找不到我们想要的信息。成功网站的第一步，就是从设计开始做起。
一、确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站，在这里，提供给大家一些参考经验：
1、将你的标志logo，尽可能的放在每个页面上最突出的位置。

2、突出你的标准色彩。

3、总结一句能反映贵站精髓的宣传标语！

4、相同类型的图像采用相同效果。

二、网页色彩的搭配 　

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。在此告诉大家一些网页配色时的小技巧。

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

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

3、用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区： 　

1、不要将所有颜色都用到，尽量控制在三至五种色彩以内。

2、背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

4、网页的设计要点

<

5、网页设计要注意的几个要点，几点网页设计时注

一、精简代码

为了更有利于网站优化，要符合web2.0标准，尽量使用DIV+CSS设计网页，合理布局标签要尽量减少div层，使用描述标签，精练的描述网页，将网站重点内容与经常更新的内容代码尽量靠近的位置，还要注意页面不要超过125K。

二、网站导航重点设计

网站的导航是网站优化很重要的武器，网站的导航全站通用，要尽量用文字导航，千万不要用图片和flash等，若非得要用图片请一定加上alt属性。Flash则尽量避免，Flash的效果是很好的，但加载很慢，搜索引擎也无法读取Flash文件，不利于之后网站优化。

三、少用脚本和外部调用

网站的JavaScript和CSS等文件一律外部调用，不要把代码写在网页中，并且尽量减少脚本文件个数，这样不仅仅有利于网页加载速度也有利于搜索引擎蜘蛛的抓取，之后网站优化才会更给力。

四、避免页面重复

每个页面包换标题、描述和关键字等都应该不一样，需要注意的是很多设计师会做一个通用的模板，而用的时候又忘记修改。标题一定要是具有独特性的

五、图片与文字链接加上属性

记得要给所有图片加上alt属性，还要符合W3C标准，搜索引擎会读取alt属性，图片的alt属性还可以帮助用户浏览。给文字链接加上TITLE属性，8U网络推广提醒大家要尽量减少用图片代替文字

六、网页布局结构

面包屑型导航，树状扁平化结构。为了更有利于网站优化，有利于百度收录，要降低页面的层次，首页点击不出三次可以到达网站任何一个页面，任何页面都可以很快的回到想要的页面。文章内容部分先于其他部分显示，设置上一篇、下一篇文章，根据文章的关键词设置相关文章，如果文章内容多分几页显示，需要保持每页的网页标题、文章内容均不同，避免出现复制内容问题。

6、网页设计制作流程是什么样的？

网页设计的两大要点是：整体风格和色彩搭配。
确定网站整体风格
在这里，我提供给大家一些参考经验：
1．将你的标志logo，尽可能的放在每个页面上最突出的位置。
2．突出你的标准色彩。
3．总结一句能反映贵站精髓的宣传标语！
4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！

7、网站设计一般包括哪些方面

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。
四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

8、网页设计流程是什么？

设计流程：

主题明确：

在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。

Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

为了做到主题鲜明突出，要点明确，应该使配色和图片围绕预定的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。

设计思路：

1、简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。

2、使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美

3、整体性好：一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。

4、网站形象突出：一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，使网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

5、交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。

版式设计：

网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。

版式设计通过文字图形的空间组合，表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

色彩作用：

色彩是艺术表现的要素之一。在网页设计中，设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。 根据色彩对人们心理的影响，合理地加以运用。如果企业有CIS（企业形象识别系统），应按照其中的VI进行色彩运用。

形式内容：

为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。

灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。

三维空间的构成：

网络上的三维空间是一个假想空间，这种空间关系需借助动静变化．图像的比例关系等空间因素表现出来。 在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。

通过图片、文字前后叠压所构成的空间层次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次，视觉效果强烈。

网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。

虚拟现实：

人们已不满足于HTML（标准通用标记语言下的一个应用）编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。

VRML是一种面向对象的语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多地为虚拟现实环境服务。

多媒体：

网络资源的优势之一是多媒体功能。要吸引浏览者注意力，网页的内容可以用三维动画、FLASH等来表现。但要由于网络宽带的限制，在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。

便于使用：

如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业信息和服务项目呢？使用一些醒目的标题或文字来突出您的产品与服务。

并且即使您拥有最棒的产品，如果客户从您的网站上看不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这对于网页设计而言是失败的。

导向清晰：

网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不必让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。

快速下载时间：

很多的浏览者不会进入需要等待5分钟下载时间才能进入的网站，在互联网上30秒的等待时间与我们平常10分钟等待时间的感觉相同。因此，建议在网页设计中尽量避免使用过多的图片及体积过大的图片。主要页面的容量应确保普通浏览者页面等待时间不超过10秒。

非图形内容：

在必要时适当使用动态“Gif”图片，为减少动画容量，应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。但是，由于在互联网浏览的大多是一些寻找信息的人们，仍然建议您要确定您的网站将为他们提供的是有价值的内容，而不是过度的装饰。

反馈与沟通：

让客户明确您所能提供的产品或服务并让他们非常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的欲望，您是否能够让他们尽快实现吗？是在线还是离线？

因此，如果是产品或服务介绍网站，应该有留言、电话、在线咨询等功能或信息呈现。

在企业的Web站点上，要认真回复用户的电子邮件和传统的联系方式如信件．电话垂询和传真，做到有问必答。最好将用户的用意进行分类，如售前一般了解．售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在并由此产生信任感。

测试改进：

测试实际上是模拟用户询问网站的过程，用以发现问题并改进网页设计。应该与用户共同安排网站测试。

内容更新：

企业Web站点建立后，要不断更新网页内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务等，同时也会帮助企业建立良好的形象。

注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。 如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保承诺。

(8)网页设计精髓扩展资料：

网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。

作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。

网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

标题设计：

在设计网页标题时，应注意同时兼顾对用户的注意力，以及对搜索引擎检索的需要。这一原则在实际操作中可通过三个方面来体现，这三个方面也可以被认为是网页标题设计的一般规律：

1、网页标题不宜过短或者过长

一般来说6-10个汉字比较理想，最好不要超过30个汉字。网页标题字数过少可能包含不了有效关键词，字数过多不仅搜索引擎无法正确识别标题中的核心关键词，而且也让用户难以对网页标题（尤其是首页标题，代表了网站名称）形成深刻印象，也不便于其他网站链接。

2、网页标题应概括网页的核心内容

当用户通过搜索引擎检索时，在检索结果页面中的内容一般是网页标题（加链接）和网页摘要信息，要引起用户的关注，网页标题发挥了很大的作用。

如果网页标题和页面摘要信息有较大的相关性，摘要信息对网页标题将发挥进一步的补充作用，从而引起用户对该网页信息点击行为的发生（也就意味着搜索引擎推广发挥了作用）。

另外，当网页标题被其他网站或者本网站其他栏目/网页链接时，一个概括了网页核心内容的标题有助于用户判断是否点击该网页标题链接。

3、网页标题中应含有丰富的关键词

考虑到搜索引擎营销的特点，搜索引擎对网页标题中所包含的关键词具有较高的权重，尽量让网页标题中含有用户检索所使用的关键词。

以网站首页设计为例，一般来说首页标题就是网站的名称或者公司名称，但是考虑到有些名称中可能无法包含公司/网站的核心业务，也就是说没有核心关键词，这时通常采用“核心关键词+公司名/品排名”的方式来作为网站首页标题。

开头所列举的某网络营销服务商网站首页标题实例，其实也是采用这种方式来设计网页标题，只不过由于罗列了太多的“核心关键词”，反而没有了核心。

做美工看起来并不是一件容易的事情。首先，要对整个站点和企业有个大致的了解。例如：某些企业喜欢蓝色的主调，你不可能去做个红色的主调，这样完全违背客户的主要意愿，如果百度的标志改成五颜六色的，相信大家也不会认可的。

站长的职责是规划网站结构。同样也需要有一定的审美观。下面介绍了几款常用的绘图工具和基本知识。

参考资料：

网络-网页设计 （网站技术）

9、有哪些关于网页设计的精品书籍

UI的发展和现状
书籍名称：《艺术的故事》
作 者： 贡布里希 (Sir E.H.Gombrich)
内容简介 ：从最早的洞窟绘画到当今的实验艺术的发展历程，阐明艺术史是各种传统不断迂回、不断改变的历史，每一件作品在这历史中都既回顾过去又导向未来。
书籍名称：《西方美术简史》
作 者： 亨德里克・房龙
内容简介 ：以优美的文字、清晰的思路讲述了西方美术史的发展轨迹与幕后精髓。

美术视觉设计
平面构成
书籍名称：《平面设计法则》
作 者： 米尔曼
内容简介 ：对学**设计的学生来说是一个一站式的资源库，既是有趣的基础教程，同时也是深入设计领域实践的“入门读物”。
书籍名称：《平面设计视觉词典》
作 者： 加文·安布罗斯 /哈里斯
内容简介 ：旨在对平面设计中容易混淆的一些专业词汇予以区别和解释，比如斜线和斜体的区别，重印、套印、翻转的区别等。

美术绘画
书籍名称：《视觉与绘画》
作 者： 诺曼・布列逊
内容提要：本书对西方美术史极为闭塞与自满的研究现状作了尖锐的理论批评，强调从绘画图像的社会性及其作为符号的独特角度、从历史与人文学科当代发展的角度拓展研究视野。
书籍名称：《素描与视觉思维》
作 者： 吴国荣
内容简介 ：本书对古代到现代源远流长的素描传统,作重新的审视和选择；对不断更新发展的各设计专业需求共同本质因素的探究和设计类基础素描教学和实践作了系统的梳理和思考。
色彩构成
书籍名称：《设计配色基础》
作 者： 视觉设计研究所
内容简介 ：帮助读者了解配色的整体效果以及有关配色的基础知识，讲解了营造画面氛围的方法，以及如何利用色彩给人的感受来表达主题。
书籍名称：《艺术设计的色彩构成》
作 者： 朝仓直巳
内容简介 ：虽然这书是很老了但毕竟学问这东西万变不里其宗！不得不承认日本人教学方面的书比中国人严谨很多。

版式设计
书籍名称：《版面设计的原理》
作 者： 伊达千代
内容简介 ：以条理分明的章节及浅显易懂的文字，有层次地说明设计的各个环节。作者从建立条理、添加变化、强调重点、设计技巧和设计中的色彩几个方面将自己实际操作经验与心得全部记录下来。
书籍名称：《栅格系统与版式设计》
作 者： 金伯利·伊拉姆
内容简介 ：本书中展示的设计超越了简单的功能主义和简约主义的教条，使得版式设计成为一种真正的动态传达方式。

字体设计
书籍名称：《文字设计的原理》
作 者： 伊达千代 / 内藤孝彦
内容简介 ：作者汇集多年来的经验，运用大量实际案例，有层次的逐步展开文字设计的各个重要因素，从认识文字、文字与意象、易于阅读的文字组合、在设计中如何强调文字，以及文字在排版中的运用。
书籍名称：《商业字体设计》
作 者： 许瀚文
内容简介 ：作者走遍陆港台日、欧洲，跟世界各地的字体设计师、文字设计师交流，并每天工作、学**、不断反思反省下所蒸馏出的想法。

交互设计
用户体验设计
书籍名称：《破茧成蝶-用户体验设计师》
作 者： 刘津/李月
内容简介 ：一本很实在的书，基本从入门给我们讲述了什么是用户体验，书中融入了宝贵的职业经验和专业思考，对于交互设计师、视觉设计师、用户研究员等具有一定参考价值和借鉴意义。

交互设计原则与规范
书籍名称：《简约至上：交互设计四策略》
作 者： Giles Colborne
内容简介 ：一本凝炼至极、耐人寻味、图文并茂的好书。简化设计，提升易用性。创造出卓而不群、历久弥新的用户体验。
书籍名称：《认知与设计：理解UI设计准则》
作 者： Jeff Johnson
内容简介 ：把设计准则与其核心的认知学和感知科学高度统一起来，从认知和心理学角度剖析交互设计本质，介绍如何将最新的认知 学成果应用到交互设计中。

设计心理学
书籍名称：《设计心理学》
作 者： Donald Norman
内容简介 ：帮我们找到了这些问题的关键，即产品设计忽略了使用者在一定情境中的真实需求，甚至违背了认知学原理。

设计思想
书籍名称：《点石成金》
作 者： 史蒂夫·克鲁克
内容简介 ：这本书短小精悍，语言轻松诙谐，书中穿插大量色彩丰富的屏幕截图、趣味丛生的卡通插图以及包含大量信息的图表，使枯燥的设计原理变得平易近人。
书籍名称：《设计中的设计》
作 者： 原研哉
内容简介 ：以谦虚但同时尖锐的目光寻找设计被需要的所在，并将自己精确地安置在他的意图能够被赋予生命的地方。
书籍名称：《写给大家看的设计书》
作 者： 威廉姆斯，Robin　Williams
内容简介 ：以其简洁明快的风格，将优秀设计所必须遵循的这4 个基本原则及其背后的原理通俗易懂地展现在读者面前。本书包含大量的示例，让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。
当然一切还是行动起来最靠谱
看到网上和周围有很多人都在讨论如何学UI设计、UI设计的职业前景怎么样之类的话题。不得不说现在UI这个职业确实需求很大有很多人想要学**和从事相关的工作。设计是一门需要沉淀的技艺，却恰巧遇见了日新月异的互联网文化。只有知识与实践的努力才能成就一个出类拔萃的UI设计师。