首页网站设计正文

网站设计原理总结（网页≡设计阐述）

网站设计 2023-01-23T23:28:09 1639

今天给各位分享网站设计原理总结的知识，其中也会对网页设计阐述进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开∑　始吧！本文目录一览： 1、网页的设计原理是什么？

今天给各位分享网站设计原理总结的知识，其中也会对网页设计阐述进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

网页的设计原理是什么？

网页设计是一门新兴的边缘性的行业，在网络产生以后应运而生。网页如门面，小到个人主页，大到大公司、大的政△府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站●时，首先映入眼帘的是该网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、色◇彩的应用、使用的引△导等等。这一切都是网页设计的范畴，都是网页♀设计师的工作。作为一名网页设计师，首先要具备审美的能力，而网页设计就⌒　相当于平面设计，网页设计师可以将平面设计中的审美观点套用到这上面来（其区别是动态网页的制作是平面设计不↓能达到的，它是一种审美←方式的延伸），所以平面设计上的审美的观点在网页设计上非常实用。如对比、均衡、重复、比例、近似、渐变以及㊣　节奏美、韵律美等〖等，以及色彩的搭配显示出的轻快活泼的美，这些都能在网页上显示出来，反映设计师高超的审美能力。因此作为一名网页设计师，要使自己的网页具有美感，不具备审美能力是不行的。这要求设计师平时多多的积累，在仔细的观察的基础上多分析美的来源，并灵活的将这种理解了的美在自己的作品中表现出来。只有这样才能使自己的审美能力达到一定的高ξ度。而我们经常看到一些网页里用的基本几何形体错综复杂，用色花里胡哨，让〖人目不暇接，真有一种“乱花渐●欲迷人眼”的感觉，但是我们得到了什么呢？美的享受？当然没有，有兴趣得到更多的信息吗？首先自己就讨厌，怎么还谈得上ζ　感兴趣？这是一种典型的失败，一味的▽追求显眼、追求吸引人，这种做法取得的效果适得其反。当然并不是页面做得好看，具有美感网页就一定让人感兴趣，这也建立在一定好的内容的基础上，假如什么内容都没有，也是不能吸引人的。只是网页的界面设计应该【还是要以布局的美为标准，有规律♀可循，这也是网页设计师的责任。

网站设计原理总结（网页设计阐述）

网站设计总结5篇精选

通过总结，人＠们可以把零散的、肤浅的感性◇认识上升为系统、深刻的理性认识，从而得出科学的结论，以便改ξ　正缺点，吸取经验教训，使〗今后的工作少走弯路，多出成果。下面是我给大家精心挑选的工作总结，希望能帮助到大家!

网站设计总结篇一

韶光匆匆，20__ 年马上离咱们⌒　远去。回忆〒这走来的一年，好像去年的圣诞歌还在耳边萦绕，实是感叹时间的飞逝，让自个的脚步显得如此匆忙。可细细○品味，却也发觉自个在不容易间成熟了很多。不知不觉中，充溢希望的20__ 年就伴跟着新年伊始接近。回忆20__ 年的作业，有硕果累累的高兴，也有遇到艰难和波折时惆怅。

在医院我所从事的岗位是网络美工，作业首要涉及到网站的广告计划，广︼告图像更换，页面策划修正;网站的『页面制造，样式修正，后期保护等不一样作业。能够说但凡需求杰出咱们网络部及网站全体形象的当地，就需求美工参加作业。

计划作业是苦楚并着高兴，每☆逢面对严重的计划使命时充溢了压力，开端收集各种材料(包括文字的、图像的)，接下来寻觅计划灵感，沉思、焦灼，通过苦楚折磨，总算有了满足的创意时倍感轻松。每逢通过艰苦的磨炼，自个的劳动成果得到咱们的肯守时，即是作业中的高兴!充▲溢了爽快。

下面是我曩昔一年来作业回顾，作业首要环绕以下内容：

1、官方网站改版。

2、激光美容网制造与计划。

3、中韩整形美容√网站有关样式修正，平时保护，广告计划，内容更新。

4、活动专题，与项目专题的计划。依据案牍供给的内容来计划策划专∮题活动。平均3天/个。

二、经验总结：

作为一个页面美工除了请求页面三剑客，PS这些必会的软件之外，还请求对HTML用得娴熟，对ASP或PHP，以及JSP要有开始的了解。

1.表达必定的艺术作用，特别是①医疗网站，视觉作用很◥主要。一Ψ 个成功的网站应当把页面计划得吸引人，同时又要传达计划思维和情感。页面作为一种◥媒体，它有︼必要具有必定的艺术感染力，一个平淡▂无奇、杂乱无章或毫无美感的页面很难会有阅读者喜爱，更不说去阅读它的内容了。

2.使页面构造明晰可读性强经常能够看到这么的※页面，上面堆砌了很多内容，却没有思考它的空间结构，让人无法知晓那些内容才※是威望的。没有流通的视觉流程，这是典型的没有注意到编列明晰度、可读性的体现。

3.完成不一样的功用：在网络这条信息高速公路上，页面最首要的功用即是一种传递信息的手法。因而，它全部内容都是为了这个目的而效劳。都要环绕这个基地进行计划。然后，要完成这个功用，页面的美工计划和内容▅都有必要有针对性。所谓针对性，即是指对不一样种类的页面请求选》用不一样的美工艺术作用。

4.页面的内容：

页面计划人员美化页面，添加页面计划的艺术感，都♂是为了页面计划的内容效劳的。通常来说，页面的几项基本内容：标题、网站象征、主体内容、导航、广告栏等。

5.断定网站的个性：

整形美容行业的网站或许专题，阅读用户集体，通常都▓是爱美人士。年纪大约在20~45岁之间，对于这类∩集体，页面计划得浪漫并有艺术感。

6.断定页面之间的连接联系：

在网站的部体计划列出来后，就有必要要思考各个页面之间的联■系，是星型、树形、网型仍是直线连接!

从事了一年多的医疗行业网业美工，总算体会到页面计划无非是图文混排的那点事■。而且并不是每次计划的东西都能被别人认可。本来这都没有什么，由于这些无非是生长过程中常常要遇到的事算了。

本来作业是人日子的主要部分，不论是消沉仍是活※跃，都会给人》带来不一样的感触。而精彩的日子通常又来源于有意义的作业中，所以我不会让自个因∞作业的烦恼、艰难和压力，困惑自个，使自个情绪经、遇到艰难我会用往常心态实际看待问题，告诉自个◥凡事要先做人、后做事。

20__ 年以经到来，新的一年意味丰新的起点新的机会新的应战，我决计在现有的基础上再接再厉ぷ，更上一层楼，必定努力使自个的作业能力再上新的台阶。最终，谢谢我的上级对我的言传身教的尽心指导，我必定会以活跃主动，充溢热情的心态①去作业。

网站设计总结篇二

设计工作是痛苦与快乐的炼狱，每当面临新的设计任务时，因为觉得自己的水平不够，感觉充满了压力，开始搜集各种资料，接下来寻找设计灵感，沉思、焦灼，每当经过艰苦的磨砺，自己的劳动成果得到肯定时，便是工作中的快乐!充满了快意。

一、工作总结

从开始连效果图都做不好到现在能自己套程序，虽然自己也付出了努力，但是更离不开同事们的帮助。在这三个月里，我学习了制作网页的】基础知识。从配色到布局▃，从制作效果图再到切片，再到用dw制作网页，最后套程序。每一个环节我都没有松懈，不管是在ω　公司还是回到家里▅，我都会充分利用时间来学习，补充自◣己贫瘠的知识。虽然现在的水平还远远不够，但是扪心自问，我在远洋的每一天都是充实的，没有虚度，我相信在新的♂一年里，通过自己的努力和同事们的帮助，我会学到的东西，不管是在技术水平上还是其他方面，都更上一♂层楼。

二、工作中的不足

虽然通〒过三个月的努力，技术水平有所提高，但是还是存在很多不足的地方，因为基础打的不够好，很多地方学习起¤来有些吃力，不停的问同ξ事，也给别人带来了不少麻烦，因为Ψ知识的不足，使得开始的学习有些混乱，感觉不知道从哪↑里开始学起，无从下手，浪费了不少时间。

三、新一年的目标︻

过去的一年的整体上是紧张的、忙碌的、充实的。因为我刚刚来到远洋，所以对我来说这也是＠充满希望的一年。展望新的工作年度，希望能够再接再砺，同时也加强自身的能力，工作中与同事多沟通，多关心了◎解其他部门的工作性质，进一步提高自己专业知识技能，积极吸收新的观念与设计理念，要继续在自己的工作岗位上踏踏实实做事，老老实实做人，争取做出更大的成绩来。

我们经过痛苦煎熬，终于做出来的时候倍感轻松。

网站设计总结篇三

时间一晃而过，转眼间试用期已接近尾︽声。在这段试用期中可以说是有喜也有忧。喜的是和同事们工作相处∏中，自己慢慢转变为一个社会人，自身实践经验和工作能力得到提高。忧的是自己还有许多方面有待于提高。

记得初到公司时，我对公司■的了解仅仅局限于公司网站的简单ζ　介绍，除此之外，便一无所知了。但是，在领导和同事们的支持和帮助下，我不仅加深了对∑公司的了解，而且很快就掌握和熟悉本岗位︾工作的要求及√技巧，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个浏览器中√的兼容性。同时，减少页面中冗余的代码，保证页面的加载速度。此外，注意用户体验问题，站在用户的角度浏览网页，发现问题、解决问题，以提高网站的浏览量＠。

自从担任网页制作以来，虽然在工作中取得了较好的〓成绩，但也还存在一些不足之处。例如：工作中没有充分领会领导的意图，有时会忽视公司的工作流程等等，这些都是由于工作态度和细节决定的。这些不足『都需要在今后的工作中加以改进。

在今后的工作中，我将努力提高¤技术水平，克服不足，朝着以下两个方向努力：

1、在以后的』工作中不断学习技术知识，通过多看、多学、多问、多练来不断的提高自己的各项业务技能。

2、提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。

短短三︻个月的时间，我学到了很多专业的知识，能够得心应手开展工々作;在一个和谐的环境下，开心的工作;可以说都是受益于各位领导的々栽培和各位同事的赐教。总的来说，由于本人工作经验不多，能力还有欠缺。虽然能胜任本职工作，但是社会在不断的进步，技术在不断的更新，我还需要更多的磨砺。为此，今后在工作中，我需要进一步增强开拓创新精神，刻苦钻研新◣的技术。在上级的正确领导下，努力拼搏，扎实工作，以更好的∏质量、更高╳的效率、更扎实的作风做好本职工作，为我们这个光荣的集体、辉煌的事业做出应有的贡献。

网站设计总结篇四

不知不觉,二个︽星期的《网页设ξ计与网站建设》课程的实操即将过去,回顾︽这一段日子,真的令我体会很深,也学会很多东西,懂得很多以前不懂的东西,也明白了一些事情.

自从第一天接触《网页设计与网站建设》课程,我以下定决心要把网■页这门课学好,做出一个优秀的网站.所以我时刻没有错过任何学习的机会,无论↓在课堂上,还是在课外上.更何▲况这一次实操.回顾今次的实操我觉得我过得很充实,很有意义,因为我可以诚实的说我在实操没有玩过一次游戏,我每时每刻都在设计网站,还记得晚上做→网站做到一、二点，可能有人∑会说我傻，但正因为这个傻的行动，令我ω学会很多东西，学会别人不懂的东西，做出一个令自己满意的网站，可能跟别人比还需要继续完善，但我不会因为实操结束，就把网页设计抛到九霄云外，我会继续学习网页设计技术，把它变为自己的一项特长。

回顾第ㄨ一天的《网页设计与网站建设》课程实操，老师叫我们继续完善以前设计的网站，做出留言板、注册的≡功能。我很快就完成了，但可能我是一个追求完善的人，所以尽管一个网站做好可以马上交给老师。但我做出一个别人都不赞同的决定，从头开始做一个网站。因为我觉得以前那个真的不是太好，尽管实操的时间过去了一半，尽管别人对我说你交原来这个不就行了吗!何必№再做一个呢?但真因为我的执著，追求成功，追求完善的人，才会使我今天交出一个令自己满足的答卷。

在制作个人网站时我▓们首先：

一、必需进行个人网站前台功能设计

包括个人网站主题的确定，前台功能设计与管※理、个人网站▲主页设计、个人←网站留言板、注册、忘记密码、搜索等网页设计与管理。

二、对个人网站后台管理功能设计

包括个人网站后台管理功能的设计、后台←管理信息系统功能的设计、后台系统权限管◥理、后台文件管理、个人网站后台管理系统主页设计。

三、网站的发布

通常我们发布一个网站可能以Ψ能过域名注册，但我们〇也可以利用自己主机，装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经卐发布在上网了。

四、个人〇网站推广

一个网站做好了，就要对个人网站进行推广，这是一个电子商务网站必需做得的一步，因为如果你不对你的网站进行推广，就算你发布了也没有人会知道的。

在设计『这个网站时真的体会很多东西，从一开始网页╲主题的确定，到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面╲的设计等。我都一一进行了规划，因为如果你↘不规划好，想做什么就做什么，是不会做得好的。因我为体会到这一句话：“机会中属于有准备→的人”。我详细到一个表格宽度都一一列明。例如：775宽度，分三栏，每一栏占多少。因为我深深懂得“细微处才见真功夫”。

在这次实操过程中令我印象最深的是做留言板，因为刚好在上一个星期sql数据库实操做过了，所以今次在做就比较轻松，但我以前是经过一个比较长的练习，做完了n次，可能有人会想，肯定是不会才做这么多次啦!但我想告诉这位同↑学我每次做得都不是不同的方法。第一次我用的是access数据库，第二次我用的卐是sql数据库加㊣权限管理，第三次我用的是数据源名称的连接，第四次我用的是自定义连接字符串，第五次……每一▓次用的方法都是不同的，可能有人会说我傻，会一种方№法就行了，还要那么多吗?但我想说的就是不是这么多次的练习，不是之么多№次不同的方法，也就不会造就出今天熟能生巧的我，也不会对同学提》出的问题解决到，也不会轻松教会同学，因为你自己首先学会，学通，学广，才能把问题一一的解决。

网站设计「总结篇五

现在，计算机和网络已经深入到了▲我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们⌒获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的，

我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌▼握Dreamweaver的应用。

通过卐对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页」的知识，在实践查阅资料时，对flash也卐有所了解。我还了解了一些基础的网络技术。通过学习，我对←计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番≡了解，对网页制作的基『础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、Flash、Fireworks等网页软件』的综合应用。

下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个∑　网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进∮入你网站很有↑可能用户会立即关掉你网站,或者你网站操◥作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

在完↑成以上的基本内容之后网页的基本框架便成形成了，

下面ζ要开始的便是优化工作，

内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后ζ在具体的规划一个网页时，可以用树状结构♀先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页⊙面) 的时候，特别需要把这个架构规划好，也∩要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣卐的重要标志。链接混乱，层次不清的站点会造成浏览困难，影□响内容的发挥。框架定下卐来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里∞面填内容。

如∮果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片，Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常①灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很☆直观的反映出来。然后是开始正式制作主页。通过Dreamweaver作为制作软件，只需╳要用到软件中的一些基本的功能：图片插入☆和对齐设置;文字的格ㄨ式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说，通过这个假期◤对网页设计的学习，有收获也有遗憾。但是，我已经迈入了网页设』计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使∮它最终成为自己的一项技能。

网站设计总结5篇精选相关文章：

1. 网页设计师2020年度工作总结范文5篇精选

2. 网站设计开题报告范文精选5篇

3. 平面设计工作总结报告范文∩精选5篇

4. 大学生自我总结5篇精选

5. 设计人员精选年终总结5篇

6. 美工工作总结报告范文精选5篇

7. 设计工作总结报告范文5篇

8. 2020平面设计师工作总结精选5篇

9. 2020平面设计师个人总结五篇精选

10. 2020ui设计师年终总结精选五篇

如何设计网站——对Web设计的一点总结

在最近的工作中，遇到了导航的问题，无♂意中发现了找出了收藏已久的《别让我思◥考∞》，花了一周时间读了两遍，才清楚的理解导航对于一个产品的重要作用。也更加印证了产品圈中将用户当做小白的理◥论，其实并不是在产品设计中将一切都为用户标注出来，而是让用户能够通过自己的方式更加轻松的使用产品，这样的产品对于用户来说必定是不言而喻的，也就是主题“别让我思考”。下面是这次读书的笔记，虽然这本∴书给我很大的启发，但是一切需要归于实践，在实践中验证这个理∞论。

一、指导原则

第一章：别让我思考?---?可用性第一定律∑

web设计的终极法则：别让我思考，即看到一个界面应该是⌒?不言而喻?，?一目了然?，?自我解释?。

强①迫我们思考的地方：（1）酷炫的名字或技术名词。（2）看起来不太明显的按钮和链接

当思考时，需要权衡，权衡应该更倾向于“显而易见”，而不行hi需要额外的思考

每个需要思考的地方会加重用户的认知负担，把用户的注意力从要完成的任务上拉开

访问网站时不需要思考的事都有什么？

我在什么位置？

该从∏哪里开始？

他们把xx放在什么地方？

这个项目上最重要的是什么？

为什么他们给它取这个名字？

如果做不到让一个页面不言而〖喻，那么至少应该让它↑自我解释

当浏览网站遇到问题时，用户会认Ψ为是自己的错误，而不会责怪网站

如果要让网页有效，它们必须在用户第一眼看到时将自己展示出来，而要做到▽这一点，最好的方法是创建不言而喻的网【页，或者至√少是自我解释。

第二章：我们实际上是如何使用Web的?---?扫描，满意即可，勉强应付

事实1?--?我们不是阅读【，而是扫描，寻找能吸引用户注意力的文字或词语（除新闻故事㊣　，报告，产品描述界面）

为什么扫描？

（1）我们总是处于忙碌之中?---?使用web是想节约时间㊣　

（2）我们知道自』己不必阅读所有内容?---?寻找感兴趣或手头的任务相关的内容

（3）我们善于扫描?---?生活习惯，找感兴趣的内容

用户在网页上看到什么却决于想看到什么，通常为页面的一小部分内容

吸引注意力的文字和短语是什么？

（1）与手头任务有关的

（2）我们当前或接下来的个人兴趣

事实2?---?我们不作最佳选择，而是满意即可

用户大多数时间不会○选择最佳选项，而是选择第一个合理的选项?---?满意策略

为什么不寻找最佳选⌒　择？

（1）我们总是处于忙碌之中?---?最佳策略○时间久，满意策略效率高

（2）如果猜●错了，也不会产生什么严重的后果

（3）对选择进行权衡并不会改善我们的机会

（4）猜测更有★意思?---?猜测不会像权衡那么＠累，猜对了，可能看到意外的内容

事实3?---?我们不是追根究底，而是勉强应付

勉强应付不仅限于初学者，技术专家也会在理解事物的工作原理上有着惊人△的误会

原因是什么？

（1）这对我们来说并不重要?---?明白事物工作机制△并不重要

（2）如果发现某个事物能用∏，我们会一直使用它?---?如果遇到更好的方法，会用好的☆方法，但是很少主动寻找更好的方法∏

如果用户明白网站，而不是勉强应付的作用

（1）用户更容易找到自己需要的东西，对用户和网站都好

（2）用户更容易理解你的网站有哪些服务?---?不仅仅是用户偶然看到的

（3）引导用户看到你希望他们看到的内容（网站上）

（4）在你〖的网站上，用户会感到掌▼控全局，并逐渐成为老用户

第三章：广告〖牌设计101法则?---?为扫描设计，不为阅读设计

吸引用户的5个重要方面（为下方2-6部分内容）

在每个页面上建立清楚的视觉层次

尽量利用习〓惯用法

把页面划分成明确定义的区▽域

明显标识可以点击的地方

最大限度降低干扰

建立清楚的视觉层次

视觉层次清楚的页面的特点

（1）越重要的部分越突出

（2）逻辑上相关的部分在视觉上也相关

（3）逻辑上包含的部分在视觉上进行嵌套

一个页面没有清楚的视觉层次，用户会降低扫描页面的速度，会寻找关键的文字和短语，然后拼¤凑出感觉重要的内容和内容的组织方式，这样会增加〗工作量

习惯用法是你的好帮手

web的习¤惯用法

（1）它们非常有用?---?适当ξ　使用习惯用法，让用户访问更容易，减少额外学习工作原理ide成本

（2）设计师ζ　通常不愿意利用它们

如果不打算使︻用习惯用法，需要的做法：

a.必须确定你在使用一种同样清楚、同样不言而喻，没有学⌒　习曲线的方法

b.带来很大的价值

把页面划分成明确定义的区域

明显标识可以点击的地方

降低视觉噪声

噪声【的分类

（1）眼花缭乱?---?所有的信息都想吸引∑用户的目光，没有突出点

（2）背景噪声?---?页面没有一个地方会造成过分干扰，但是这些很小的噪声太多会惹人厌烦

第四章：动物、植物、无机物?---?为什么用户喜欢无需思考的选择

真正的问题不是到达目标之前要点击的次数，而是每次点击有多难，需要多少思考，多大的不确定性来判断自己是否在进行正确的选择

关键：如果用户需要一直在＠网络上进行选择，那么让这些选择变得无需思考是让一个网站容易使用的原因

第五章：省略不】必要的文字?---?不要在Web上写作的艺术

有力的文字都很简■练。句子里不应该有多余的文字，段落中∴不应该有多余的句子

去掉没人看的文字的优点有哪些？

可以降低页面的噪声

让有用的内容更加突出

让页面简洁，让用户在每个页面▲上以言就能看见更多的内容，而不必滚动屏幕

需要去掉的▲文字是?欢迎词?和?指示说明

二、必须正确处理的几个方面

第六章：街头指示牌和面包屑?---?设计导航

如果在网站上找不到方向、人们不会使用你的网站

网络导航101法则

你通常是为了寻找某个目标

你会决定先询问还是先浏览

如果选择刘兰兰，你将通过标志的引①导再层次结构中穿行

最后，如果找不到想要的东西，你会离开

web与生活从空间角度来看的不同点

感觉不到大小

感觉不到方向

感觉不到位置

用户使用Web导航是因为需要得知自己当前的位置

导航的用途?---?显而易见的用途

帮助我们找到想☆要的任何东西

告诉我们现在身处何处

导航给了用户一些固定的感觉，让用户感到脚踏实地

导航的其他用途?---?被忽▃视的用途

导航告诉我们当前的位卐置?---?告诉网站有些什么，导航表现了内容，导航站点比告诉我们位置更重要

导航告诉我们如何使用网站?---?从哪里开始，如何进行选择

导航给了用户对网站建造者信心

Web导航的习惯用】法

网站ID

栏目

实用工具

指示器（指明用↓户当前位置）

下一级栏目

页面名称

页面导航（当前这一层的内容）

小字体版的底端导航

持久导航（或全局导航）?：来描述出现在网站每个页面的一组导航元素

持久导航应在在整个网站保持一致，使用户只需要了♂解一次就够了，减少学习成本

持久导航的五个元∩素

站点ID

回首页的方式（Home）

搜索的方式

栏目

实用工具

主页和表单?不需要使用持久导航

主页：承担一些不同的任务，遵守一些不同的承诺，所以不需要使用持久导航

表单：在填写表单※的页面，持久导航会产生干扰

如何设计Web导航各元素（表格下方为示例?-?亚马逊）

导航元素名々称

细节点

站点ID

1.在Web上需要在每个页面都能看到网站的名称?---?页面ID，通常在左上↑或靠近左上

2.网站ID代表整个网站，也就是说在当前站点结构中层次最高

3.站点ID如何出现在页面可视层次的首要位置

（1）让网站站点成为本页最显眼的内容

（2）让网站ID涵盖页面所有其他元素

4.站点ID需看起来像一个站点ID?---?例如logo

栏目

1.栏目（或称主导航条）是到达站点主要◤栏目的链接，结构※的最顶层

2.大部分情】况，持久导航也▅包括二级导航（当前栏目的下一级栏目清单）的显示位置

实用工具

实用工具是到达网站中不属于内容层次的重要▅元素的链接

返回主页Home

1.返回主页（Home）的按钮需要ぷ始终可见，给用户一种随时可以从新开始的感觉

2.Home的用法

（1）在栏目或使用工具清单中包含一个回到主页的链接

（2）在主页之外的站点ID上小心地加上Home的字样，让用户知道点击它

搜索

1.避免混淆的方法

（1）花哨的用字

（2）指示说明

（3）选项?---?将选项■写下来

2.需要对低层次导航给予足够的重视（三级导航）

页面名称

1.页面名称的注意事项

（1）每个页面都需要一个名称

（2）页面名称要出█现在合适的位置

（3）名称引人注☉目

（4）名称要和点击『的链接一致

指示器

1.如何标记当前位置

（1）在旁边放置一个指示器

（2）改变文字的颜色

（3）使用粗体

（4）按钮反白

（5）改变按钮的颜色

2.告诉用户你所在的站点层级结构的前后关系（在网页中的位置）

层级菜单

1.告诉用户从主页到当前位置的路径（如何到达）

2.层级导航的最◣佳实践方式

（1）将它们放在最顶端

（2）使用“”对层级进行分隔

（3）使用小字体（表明是一种补充机制）

（4）使用了文字“你在这里”

（5）将最后一个元素加粗

（6）不需①要把它们用作?页面名称

标签

1.为什么标签做导航是一个上佳的选择

（1）它们不◥言而喻

（2）它们很难错过（视觉上与众不同）

（3）它们灵活

（4）它们暗示了一◥个物理的空间

2.注意事项

（1）正确绘制?---?激活的标签页在其他标签页之前

（2）颜色编码?---?提高关注度

示例

如何评判一个网站设计的好

这是什么网站？（站点ID）

我在哪个网页上？（网页名称）

这个网站的主要栏目有哪些？（栏目清单）

在这个层上我有哪些选择？（本页导航）

我在导航系统的什么々位置？（“你在这里”的指示器）

我ㄨ怎么搜索？（搜索栏）

第七章：首先要承认，主页不由你控々制?---?设计主页

主页主要完█成的任务

站点的标识和使命?---?告诉用户这是什么网站，做什么的

站点层次?---?提供服务的概貌，包括内容，功能，服务是如何组织

搜索

导读?---?需ω　要有内容推介，功能推介

友情链接?---?预留空间︼放置广告，交叉推广，品牌合作

快捷方式?---?最常访问的内容片段值得在网页上放置链接

主页需要满足的抽象目标

让用户看到自己在寻找东西?---?让用于想要的任何东西显而易见

......还有我没有寻找的?---?让用户看到一些精彩的内容，就算这些内容用户没有寻找

告诉用户从哪开始

建立】可信度和信任感

主页的常见约束有哪些

每个人都想占一席之地?---?推介内容过多

想□　要参与的人太多

一个尺寸要适合所有的人?---?普遍适用于大众

主页需要传达整体形象，让用户一眼就能清楚你的网站是说什么的

如何向用户传达网页的整体形象

口号?---?靠近站点ID的地方，整个网站的描述

欢迎广告?---?网站的简要描述，在主页的首要位置，不需要滚动屏幕就能看到

传达△信息的原则

需要多大空间就使用多大空间

但也不要使用过多的空间?---?保持简短

不要把实名陈述当做欢迎广告

最后的是进行测试

口号的注意事项

好的口号

不好的口号

清楚、言之有物

含混不清

长度适中，易让用户领会表达○思想

太笼统

表达√出网站特点和显而易见的好处

把口号（传达某种价值主张）和宗旨（表达某种指导原则，某个目标或某个理想）混淆起来

有个性、生动、有∩时候很俏皮

由于主页独特的职责，通常不必使用持久导航，它们之间的差异

栏目描述?---?主页需要尽可能多的表现网页内容，其他页面不需要

不同的方向?---?主页和其他页面布局不同，主页通常用

用于表示的空间●更多?---?主页上站点ID比较大，口号留有空间也较大

让←栏目的名称保持不变，同样的︾顺序、同样的文字和同样的分组，尽可能多地保持视觉提示，同ζ　样的字体，颜色和大小写

下拉框存在的◢问题

用户必须将它们找出来?---?必须找到下拉框，才能看到下拉◢列表

它们难以扫描

不好控制?---?下拉列表收缩速度难〗以控制

下拉框对于组织按照字母顺序排列的项目比较有效

下拉框的优点是节约空间

任何共享的〗资源（共有区域）都会因为过度使用而遭到破坏?---?在主页上增加更多的项目所得到的的和付出的并不一致，虽然给推荐栏目巨大的访问量，但是让主页变得混乱，所遭受的损失将由所有栏目承担

三、确定你没有做错的几件事

第八章：农场主和牧羊人应该是朋友?---?为什么Web设计团队讨论可用性是在浪费时间，如何避免这种情况

由『于各自的职位不同，Web团队成员对于好的网站设计的看法不同

通过测试将讨论对错转移到什么有效、什么无效上，测试会让我们看到用户的动机、理解和反应的不同，从而不再让我们坚持用户和我们的想法相同

第九章：一天10美分的可¤用性测试?---?让测试简单，这样你能进行充分的测试

焦点小组并不是可用行测试，焦点小组是在项目早ξ期阶段，用来收集用户的意见和感觉

可用性测试主要是希望得到用户是否知道该网站是做什么的，并且能用它完成一项ζ典型任务

测试的作用是什么

如果想建立一个优秀的网站，一定要测试

测试一个用户比不做测试好一倍

在项目中，在点测试一位用户好过最后测试50位用户

人们对招募用户代表的重要性评估过高

测试的关键不是要证明什么或者反◣驳什么，而是了解你的判断力

测试是一♀个迭代的过程

没有什么比现场用户的反应更重要

寻找能够反应目标群体的测试用户，但别裹╳足不前

寻找的测试用户可以和目标群体有差别的理由是什么

差别的原因

例外

实际上，我们都是初︽学者

如果●你的网站几乎只由某一类用户使用，且招募并不难，那就去招募

设计出的网站只有你的目标群体能使用，这通常并♂不是一个好主意

如果你的目标群体分为几个明显阵营，且各阵营有■着完全不同的需求，那你至少要从每个阵营选择用户进行一次测试

专家通常不会介意对初学者来说很清楚■的界面

如果使用你的网站需要专业的领域知识，那么你需要在该领域中招募有专业知识的用户

进行招募，需要注意的问题是什么▓

提供合理的激励

邀请√要简单

避免对网站（或网站背后的组织结构）进行预先讨论

别不好意思请朋友帮忙

测试中遇到的问题

用户不清楚概念▲

用户找不到自己想要的字眼?---?网站用来组织『内容的分类不符合用户习惯；分类符合习惯但是没有使用他们期望的名字

内容太多?---?减少页面上的干扰▲；将需要看到的内容涉及的更加醒目ㄨ

一些关于问题分类指南

问题

行为（用户/主持）说明

正确解决方式

忽略Kayak（皮划艇）问题

1.出现问题的人马上发现自己偏离了原来的主题ㄨ

2.用户尽量回到Ψ原来的方向而不需要帮助

3.这种情况并没有扰乱用户的活动

可以忽略

抵制添加的冲动

增加一些内容，注释，指导说明

去除某个Ψ让人混淆的内容

不要太看重用户对新功能的要求

抓住能够的着的果子◤

1.恍然大悟型

2.便宜型

尽量实现变更

进行变更

只要你进行改变，就要仔细思考它将会影响哪些内容，当你把某些部分调整的更为突出时，想想是不是把其他内容的重要性降低了

四、大的方面和外界影响

第十章：可用性是基本礼貌?---?为什么你的网站应该让人尊敬

降★低好感度的方式

隐藏我想要的信息

因为没有按照你们的方式行事而惩罚我

向我询问不必要的信息

敷衍我，欺骗我

给我设▅置障碍

你的网站看上去◥不专业

提高好感度的方式↘

知道用户在你的网站上想做什么，并让网站明白简易

告诉用户，他们想知道的↙

尽量减少步骤

花点心思

（1）保证网站准确♂有用

（2）产生解决我的问题所需要的信息

（3）网站用清楚的方式表达

（4）组织良好，用户可以轻松找到解决方案

知道用户有哪些疑问，并给予解答

为用户提供协助

容易从错误中恢复

如果不㊣确定，记得道歉

总结

这本书主要讲了Web设计的一些核心的原▽则，以及用户在使用Web时的心理，并且基于用户的信息，来设计Web的导航和主页。并且结合实践，在项目中需要不断的进行可行性测试迭代，从而使Web可行。这样的网站▓才是一个成功的网站，在符合用户的习惯的基础上，让用户能够自行的解决问题，从而达到网站和用户的目的。

资源类：

大家都知道，学习本身是一个特别耗费时间和财力的事情，但是为了自身发展，却不得不学习，而且现在对于职业教育的课程特别贵，并且专业书籍也是→非常贵的。虽然说是投资自己「，但是对于生活来说还是较大的开销，因此算是众筹了，毕竟一个课程可能动则几千块，但是我并不贪心「，所以分享的课程〗的价格很低，不会超过5块钱吧，毕竟大家都是为了生活，只希望弥补一点生活压力吧，各位加油吧

链接：在线教育视频课（产品设计）

??pan.baidu.com

提取码：afvs

俞军产品方法论：

链接：

??pan.baidu.com

提取码：lizk

梁宁产品思维30讲：

链接：

??pan.baidu.com

提取码：tr7i

增长黑客：