从这周起，将汇总QQ交流群中每天回复读者的一个网页规划方面的问题，依照一周的周期集结成文章，每周五发布在博客并共享在群中，供咱们阅览参阅。相较于咱们常常发布的规划教程，这样的问答关于个人来说更有针对性，离咱们日常的规划作业更近一些。我个人也有这样的领会，有时会有一两个问题长期停留在脑子里，得不到解决，偶尔的碰到刚好涉及到这方面的文章，会有一会儿豁然开朗的感觉。所以这样的方式也是十分有价值的。以下便是第1周的一切问题和答复，希望在规划对咱们有所协助。

一、质感的表现、著作好坏的点评

网站里怎样表现质感啊，很洁净，很震慑的感觉。望群主给解答，较好详细些，比方导航光亮的感觉有几种表现方式，布局应该怎样布局，请问怎样知道自己做的著作是好仍是欠好，比方海报超市的海报。怎样才干改善觉得自己的问题广泛了，也或许是我没说清楚。总归希望群主能听到我的心声，我遇到瓶颈了，不知道什么是好著作，关于海报。

答复：光亮感觉的规划看上去款式许多，其实首要在于细节方面的改变，假如要问详细有多少种规划款式的话，可以说多到无穷尽。关键是看元素的结构以及高光和暗影的改变。不同的元素结构和光线作用就能发生不同的元素款式。随便举几个比方来阐明：

上面这四个元素，由于结构和光线的不同，差异应该说仍是十分显着的。详细在你的规划中应该运用哪种风格，哪种颜色，要和规划的信息内容相关联，要能发生视觉上的联想。举个比方，假如你要规划一个关于轿车拉力赛的规划，很显然，这种洁净而光亮的风格是不适宜的，而更应该考虑粗糙、原始、天然的视觉感触，或许你需求用到的更多的某种粗糙的笔刷的作用，而不是上面的这些规划风格。

答复你的第二个问题，关于怎样点评著作的好坏的问题。有人说这彻底是仁者见仁，智者见智，彻底没有标准。我个人感觉这种说法只说对了某一部分，不能说概括了全部。好的规划应该是有他的某些标准的，例如，要展示的产品的特性或许表达的某种概念是否在规划中得到了较好的表现？重要的信息在视觉上得到了重要的表现而非有必要的信息做了非有必要的处理？颜色计划和产品是否契合？整个的规划气氛够不够？我想关于这些问题，应该仍是有一些比较共同的看法的。

二、资源分类、遇到瓶颈再进步（Weison于2012年8月27日星期一）

您好！听过你的几次讲座和看了你的BLOG，感觉你很专业。我是一名结业两个多月的规划专业类的学生，计划从事网页规划相关的作业（界面规划），现在我想讨教你几个问题：

1.在日常生活中，我会搜集一些我觉得有意思的、很有质感的图片和网站，但一多就不方便查找和办理，我想讨教一下该怎样分门别类呢？

2.我的PS技术已经很熟练了，但感觉规划出来的著作还不够高质量，还不能给人一种心灵的摄服力，便是一种看完后会觉得”哇，真好”的感觉，我想讨教一下，我该怎样做才干这种作用呢？

3.我觉得我的规划思想还不够开阔，虽然看过许多他人的规划，但一到了实际作业中，想来想去都只要加点突变、投影、高光等，我该怎样做才干做到有创意呢？附上我的著作，期待你的点拨，谢谢！

答复：我来逐条答复。

1、我个人经历较好的分类办法是依照规划涉及的职业来分类，例如酒店、教育、规划作业室等，依照这些姓名创立文件夹，将相关的规划著作分类放入。之前我还依照风格分过类，比方中国风、web2.0风格等等，但发现需求的时分不容易找到，由于咱们想要参阅借鉴其他的著作的时分的想法通常是”让我看看他人做过的有关酒店的网站是什么样的？”所以这时咱们只需求找到酒店的那个文件夹就行了，十分快捷。

2、其实这是一切规划师追求的方针，看过你给我发的个人著作后，我建议你在下面两点上下功夫。首先是规划的细节。咱们可以观察到，一切让咱们在心里不由自主喊出”哇，真好！”的著作可以说在细节方面是无可挑剔的。拿你的著作来说，我个人觉得还需求在细节上有所进步，简略的举两个比方，比方：

中国海军网中，项目列表和页面左侧的间隔太小，让页面看上去满满当当，有些拥挤。文字的黑色和布景白色对比度太大，文字许多就会让整个页面显得脏，建议在确保可阅览性的前提下调成灰色。虚线分割线相较于文字来阐显着是非有必要的元素，所以不要做的这么显眼，再低调处理一下应该更好。

多样化军事使命左侧的波浪图标和标题内容契合度不够，图标本身也不够清楚，打眼一看不知道是什么东西，风格和整个页面的风格也不太搭，所以你可以看到，单单一个图标的运用就要考虑十分多的东西，而这些可以说都是细节，什么时分这些问题都考虑到了，规划的水平也就进步了。另外，理论研究的布景色绿色和直击前沿的布景色蓝色触摸的当地看上去很模糊，让人感觉规划上还不够用心，在网页规划中，像这些1像素的当地往往正是规划美感表现出来的当地。

细节考虑到了今后，接下来便是规划的气氛了。气氛是个很难阐明白的东西，我个人的了解是，网页规划全体的气氛是靠各个元素视觉风格上的一致来营造的，要确保全体的气氛满足，有必要要有规划方向上的一致。举个比方，看下图：

这是咱们都很了解的荒野求生的主持人贝尔的一个专题页面，咱们可以观察到，不管页面上的哪个元素，写在石头上的导航、寒酸磨损过的文字kv、粗糙笔触画出的内容分割线以及撕裂的纸张构成的内容布景在视觉风格上都是既有差别而方向上一致的。所以打开这个页面，扑面而来的便是原始、天然、充满野性的气味了，这是咱们在做规划中营造令人深入情景的值得注意的一个方面。

3、这个问题阐明你做的、看的还不够多，表现办法短缺和不足。再拿上面的页面来说，假如让你做这个页面，你能想到用写在石头上的导航、寒酸磨损过的文字kv、粗糙笔触画出的内容分割线以及撕裂的纸张往来不断完成每一部分的信息内容，既让他们发挥原有的功能性，还能确保视觉上的感触吗？这是多多练习今后才干达到的水准，所以仍是老话，多学、多做总没错。关于你说的加突变、高光等办法、仅仅代表了一种类型的规划风格，看到上面充满野性的规划页面，我想咱们一下就能明白自己的局限了。

三、运用css结构快速布局

您好！老师。我想讨教下老师，我div+css排版结构怎样才干搭的快一些，排版页面也能迅速一些，您有没有老练的div+css的结构系统，为咱们共享一些您的结构。一起有没有好的建议可以给我！

答复：我自己关于用css排版没有速度上的迫切要求，所以一直运用EditPlus手写。假如你需求某种现成的结构来进步排版功率的话，可以试试企业网站模板，企业网站模板不仅提供了规划时所需求的psd模板文件，并且关于前期的代码也是支持的。运用结构虽然可以进步前期规划和排版的功率，可是前提是要了解结构的结构和预设值。960网格系统根本的排版代码如下：

divclass="container_12"/*表明960像素内总共有12栏*/

divclass="grid_7prefix_1"/*共占7栏，前面预留1栏*/

divclass="grid_2alpha"/*共占2栏，榜首行的榜首个类选择器需求增加alpha类*/

/div

divclass="grid_3"

/div

divclass="grid_2omega"/*共占2栏，榜首行的较终一个类选择器需求增加omega类*/

/div

/div

divclass="grid_3suffix_1"/*共占7栏，后边留出1栏*/

/div

/div

四、有没有所谓的规划职业标准？

想讨教一下咱们，在网页规划中，有没有所谓的规划职业标准呢？比方字体一般默认用宋体双数的字号，或许曩昔许多网站的logo规划都是包含图标+中文+域名这样的。而像下面的导航中选中状况一般怎样规划是符合职业标准的？像花瓣这样导航条中选中状况用红色那假如我的标志色是蓝色用蓝色是适宜的吗？

答复：我个人认为，不存在所谓的职业标准，怎样规划都行，关键考量的点在于信息表达的是否明晰、用户的体验是否杰出以及视觉上舒畅不舒畅。所谓的规划标准，也只能说是咱们常用，时刻久了似乎就成了规划的规则了，实际上这些所谓的规划规则随时可以打破，比方咱们在运用中文字体时，用12像素和14像素的文字，原因是这两个字体巨细既确保了可读性看上去还很美观，可是假如作为标题来说，14像素巨细的文字有时也显得过于小了，这时分22或许24像素的巨细或许更为适合。再比方黑体相较于宋体很少用在正文中，原因也是一般正文14像素巨细的黑体可读性不如宋体好，可是假如放在规划某些宣扬标语中，黑体或许更为适宜。所以要视状况来定，既没必要故意的去打破这些习气，更不要被这些习气所束缚。关于英文来说，网页规划中常会涉及到非衬线字体中的Arial，Tahoma，Verdana以及衬线字体中的Georgia字体，这些都是会常常用到的字体。

五、网站信赖感、调整规划中烦躁情绪

1、在规划中怎样样给人安全感？比方：网银/付出宝付出页面？颜色搭配仍是构图巩固？

2、怎样引导用户更有继续观看的愿望？或许说怎样在构图中设置悬念？

3、怎样调理关于规划厌倦的情绪？处在这种时期总会莫名狂躁…

答复：榜首个问题。你想说的问题应该是一个网站怎样给访问者以信赖感？让访问者定心的在其上填写个人信息、进行资金方面的灵敏信息的操作？这的确是个问题。可是影响到访问者对一个网站的信赖感的要素十分多，你说的视觉方面要素例如颜色搭配、构图等要素仅仅其中的一个方面，并且或许还一个小的方面。但这并不是说视觉方面不重要，想想一个面目狰狞、飘满广告的网站能让人在上面进行灵敏信息的操作吗？可是下面的要素或许能让咱们发生更多的信赖感：

1、品牌的知名度。我个人的网上账户操作根本上都是用付出宝来完成，可是哪天苹果或许微软推出本地的第三方付出服务，我想我是会定心的尝试一下的。

2、优质的服务。快捷无障碍的付出体验，快速的提现、转账、信誉卡还款等功能。

3、杰出的用户体验。这表现在网站的每一个细节，比方，在填写信誉卡号时，将信誉卡号以四位一组主动断开，或许是明晰简练的表单阐明文字等等，往往是网站的细节较能留住人。

4、舒畅的视觉感触。这便是你上面说到的颜色搭配、构图等等要素。

一个好的网站要做的东西许多，视觉方面的东西是咱们较直观感触到的，但相较于网站的信息以及功能来讲，却不是较重要的方面，而这些东西才是咱们较应该重视的当地。

第二个问题。我个人觉得没有那么玄，我做东西从没有在构图中设置悬念的认识，呵呵，或许水平还不够，我觉得东西做好了用户天然有观看的愿望。

第三个问题。这应该是一个比较遍及的问题，咱们在做规划的过程中应该都有这种感触，尤其是使命重、时刻紧的状况下，更是烦躁不胜，表现在规划上便是考虑不充分，东抓一把，西抓一把，刚冒出一个想法，赶忙就去实施，没做两步，只要一遇到需求南奇网络渐渐去做的当地，马上转换另外一套计划，做两步，又感觉不行，越做越烦躁、越烦躁越做欠好，成了恶性循环。为防止这种状况，我个人觉得在不管时刻多紧，仍是不要急于着手，前期的考虑、草图绝对是必要的，一定要克制自己打开PS的愿望，一点一点做并且依照考虑好的方向坚决执行，我想这样既能确保著作的质量，也能让规划过程没那么煎熬，真的烦躁了，歇一歇，干点其他也是一个好办法。

企业网站模板-网页设计核心内容对视觉表现的影响 设计风格   https://cdnanqi.cn/wangzhanjianshe/15603.html