网站界面设计原则

...v.界面设计应遵循的几个原那么用户界面〔WebsiteUserInterface〕是指用于和用户交流的外观、部件和程序等等。如果你经常上网的话，会看到很多设计很朴素，看起来给人一种很舒服的感觉；有点很有创意，能给人带来意外的惊喜和视觉的冲击；而相当多的页面上充满着怪异的字体，花哨的色彩和图片，给人网页制作粗劣的感觉。界面的设计，既要从外观上进展创意以到达吸引眼球的目的，还要结合图形和版面设计的相关原理，从而使得设计变成了一门独特的艺术。通常的讲，企业用户界面的设计应遵循以下几个根本原那么：1．用户导向〔Useroriented〕原那么设计网页首先要明确到底谁是使用者，要站在用户的观点和立场上来考虑设计。要作到这一点，必须要和用户来沟通，了解他们的需求、目标、期望和偏好等。网页的设计者要清楚，用户之间差异很大，他们的能力各有不同。比方有的用户可能会在视觉方面有欠缺〔如色盲〕，对很多的颜色分辨不清；有的用户的听觉也会有障碍，对于的语音提示反映迟钝；而且相当一局部用户的计算机使用经历很初级，对于复杂一点的操作会感觉到很费力。另外，用户使用的计算机机器配置也是千差万别，包括显卡、声卡、内存、网速、操作系统以及浏览器等都会有不同。设计者如果无视了这些差异，设计出的网页在不同的机器上显示就会造成混乱。2．KISS〔KeepItSimpleAndStupid〕原那么KISS原那么就是"KeepItSampleAndStupid"的缩写，简洁和易于操作是网页设计的最重要的原那么。毕竟，建立出来是用于普通网民来查阅信息和使用网络效劳。没有必要在网页上设置过多的操作，堆集上很多复杂和花哨的图片。该原那么一般的要求，网页的下载不要超过10秒钟〔普通的拨号用户56Kbps网速〕；尽量使用文本，而减少大幅图片和动画的使用；操作设计尽量简单，并且有明确的操作提示；所有的内容和效劳都在显眼处向用户予以说明等。3．布局控制关于网页排版布局方面，很多网页设计者重视不够，网页排版设计的过于死板，甚至照抄他人。如果网页的布局凌乱，仅仅把大量的信息堆集在页面上，会干扰浏览者的阅读。一般在网页设计上所要遵循的原理有：〔1〕Miller公式。根据心理学家GeorgeA.Miller的研究说明，人一次性承受的信息量在7个比特左右为宜。总结一个公式为：一个人一次所承受的信息量为7±2比特。这一原理被广泛应用于建立中，一般网页上面的栏目选择最正确在5～9个之间，如果所提供应浏览者选择的内容超过这个区间，人在心理上就会烦躁，压抑，会让人感觉到信息太密集，看不过来，很累。例如Aol.的栏目设置：Main、MyAol、Mail、People、Search、Shop、Channels和Devices共八个分类。Msn.的栏目设置：MSNHome、MyMSN、Hotmail、Search、Shopping、Money和People&Chat共七项。然而很多国内的在栏目的设置远远超出这个区间。〔2〕分组处理。上面提到，对于信息的分类，不能超过9个栏目。但如果你的内容实在是多，超出了9个，需要进展分组处理。如果，你的网页上提供几十篇文章的，需要每隔7篇加一个空行或平行线做以分组。如果你的内容栏目超出9个，如微软公司的，共有11个栏目，超过了9个。为了不破坏Miller公式，在设计时使用蓝黑两种颜色分开，具体可以.microsoft.4．视觉平衡网页设计时，也要各种元素〔如图形、文字、空白〕都会有视觉作用。根据视觉原理，图形与一块文字相比拟，图形的视觉作用要大一些。所以，为了到达视觉平衡，在设计网页时需要以更多的文字来平衡一幅图片。另外，按照中国人的阅读习惯是从左到右，从上到下，因此视觉平衡也要遵循这个这个道理。例如，你的很多的文字是采用左对齐〈Align=left〉，需要在网页的右面加一些图片或一些较明亮、较醒目的颜色。一般情况下，每X网页都会设置一个页眉局部和一个页脚局部，页眉局部常放置一些Banner广告或导航条，而页脚局部通常放置联系方式和信息等，页眉和页脚在设计上也要注重视觉平衡。同时，也决不能低估空白的价值。如果你的网页上所显示的信息非常密集，这样不但不利于读者阅读，甚至会引起读者反感，破坏该的形象。在网页设计上，适当增加一些空白，精炼你的网页，使得页面变的简洁。5．色彩的搭配和文字的可阅读性颜色是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，例如：红色和橙色使人兴奋并使得心跳加速；黄色使人联想到阳光，是一种快活的颜色；黑颜色显得比拟庄重，考虑到你希望对浏览者产生什么影响，为网页设计选择适宜的颜色〔包括背风光、元素颜色、文字颜色、链节颜色等〕。为方便阅读上的信息，可以参考报纸的编排方式将网页的内容分栏设计，甚至两栏也要比一满页的视觉效果要好。另一种能够提高文字可读性的因素是所选择的字体，通用的字体〔Arial，CourierNew，Garamond，TimesNewRoman，中文宋体〕最易阅读，特殊字体用于标题效果较好，但是不适合正文。如果在整个页面使用一些特殊字体〔如Cloister，Gothic，Script，Westminster，华文彩云，华文行楷〕，这样读者阅读起来感觉一定很糟糕。该类特殊字体如果在页面上大量使用，会使得阅读颇为费力，浏览者的眼睛很快就会疲劳，不得不转移到其他页面。6．和谐与一致性通过对的各种元素〔颜色、字体、图形、空白等〕使用一定的规格，使得设计良好的网页看起来应该是和谐的。或者说，的众多单独网页应该看起来像一个整体。设计上要保持一致性，这又是很重要的一点。一致的构造设计，可以让浏览者对的形象有深刻的记忆；一致的导航设计，可以让浏览者迅速而又有效的进入在中自己所需要的局部；一致的操作设计，可以让浏览者快速学会在整个的各种功能操作。破坏这一原那么，会误导浏览者，并且让整个显的杂乱无章，给人留下不良的印象。当然，设计的一致性并不意味着刻板和一成不变，有的在不同栏目使用不同的风格，或者随着时间的推移不断的改版，会给浏览者带来新鲜的感觉。7．个性化〔1〕符合网络文化企业不同于传统的企业商务活动，要符合Internet网络文化的要求。首先，网络最早是非正式性、非商业化的，只是科研人员用来交流信息。其次，网络信息是只在计算机屏幕上显示而没有打印出来阅读，网络上的交流具有隐蔽性，谁也不知道对方的真实身份。另外，许多人在上网的时候是在家中或网吧等一些比拟休闲，比拟随意的环境下。此时网络用户的使用环境所蕴涵的思维模式与坐在办公室里西装革履的时候大相径庭。因此，整个互联网的文化是一种休闲的、非正式性的、轻松活泼的文化。在上使用幽默的网络语言，创造一种休闲的、轻松愉快、非正式的气氛会使的量大增。〔2〕塑造个性另外，的整体风格和整体气氛表达要同企业形象相符合并应该很好的表达企业CI。在这方面比拟经典的案例有：可口可乐个性鲜明的前卫"LifeTastesGood"；工整、全面、细致的通用电气公司"Webringgoodthingstolife〔GE带来美好的生活〕"；崇尚科技创新文化的