网站设计原理总结（网页设计阐述）
今天给各位分享网站设计原理总结的知识，其中也会对网页设计阐述进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
网页的设计原理是什么？
网页设计是一门新兴的边缘性的行业，在网络产生以后应运而生。网页如门面，小到个人主页，大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时，首先映入眼帘的是该网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计的范畴，都是网页设计师的工作。 作为一名网页设计师，首先要具备审美的能力，而网页设计就相当于平面设计，网页设计师可以将平面设计中的审美观点套用到这上面来（其区别是动态网页的制作是平面设计不能达到的，它是一种审美方式的延伸），所以平面设计上的审美的观点在网页设计上非常实用。如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美等等，以及色彩的搭配显示出的轻快活泼的美，这些都能在网页上显示出来，反映设计师高超的审美能力。因此作为一名网页设计师，要使自己的网页具有美感，不具备审美能力是不行的。这要求设计师平时多多的积累，在仔细的观察的基础上多分析美的来源，并灵活的将这种理解了的美在自己的作品中表现出来。只有这样才能使自己的审美能力达到一定的高度。而我们经常看到一些网页里用的基本几何形体错综复杂，用色花里胡哨，让人目不暇接，真有一种“乱花渐欲迷人眼”的感觉，但是我们得到了什么呢？美的享受？当然没有，有兴趣得到更多的信息吗？首先自己就讨厌，怎么还谈得上感兴趣？这是一种典型的失败，一味的追求显眼、追求吸引人，这种做法取得的效果适得其反。当然并不是页面做得好看，具有美感网页就一定让人感兴趣，这也建立在一定好的内容的基础上，假如什么内容都没有，也是不能吸引人的。只是网页的界面设计应该还是要以布局的美为标准，有规律可循，这也是网页设计师的责任。
网站设计总结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
增长黑客：
链接：
pan.baidu.com
提取码：dpm3
什么是网页设计的基本原理？
色调与结构
色调与结构确实很重要，图片比照片更能运用此项内容。色调涉及到阴影以及物体颜色光亮程度；结构涉及到物体的外观特征。
下面介绍影响网站色调与结构的几个因素。
1. 光的方向。（左、右、上、下、后）
2. 光的亮度。（烛光或者阳光）
3. 光的类型。（落日还是烈日）
4. 站立在光源之间的物体。（光穿过物体）
5. 物体的颜色与结构。（绒毛毯子与花岗岩不同）
光线与阴影
光沿直线传播，光的位置不同，网站中的物体或者要表达主题就会显著不同。了解到这个内容之后，在现在的光源下，拍摄照片（物体、家人都可以），然后在中午12点钟的时候，再次拍摄同一张图片。观察图片时，你会惊奇地发现图片差异很大。你可以根据这个情况，清楚理解光源对照片的影响。
对比程度
我们经常看到的光与阴暗区域的对比程度，就是对比阴影了。黑色、白色图片的对比很明显，而灰色梯度的对比就比较弱。光源强度决定对比程度，而对比程度会决定图片的现实性或者科幻性。
最重要的是你具有一定的设计天赋，并且是你喜欢设计...........祝你成功
关于网站设计原理总结和网页设计阐述的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
