1简述网页设计的基本原则
在设计过程中,通过多与少、主与次、黑与白、动与静、聚与散等对比手法的运用,使网页主题更加突出鲜明而富有生气。下面介绍简述网页设计的基本原则,希望对您有帮助。
1.明确建立网站的目标和用户需求。根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,以“消费者(customer)”为中心,而不是以“美术”为中心进行设计规划。明确设计站点的目的和用户需求,从而做出切实可行的设计计划。
2.网页设计主题鲜明。在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位,规划网站的组织结构。
3.版式设计之整体性。即设计作品各组成部分在内容上的内在联系和表现形式上的相互呼应.并注意整个页面设计风格统一、色彩统一、布局统一,即形成网站高度的形象统一。使整个页面设计的各个部分极为融洽。
4.版式设计之分割性。即按照内容、主题和信息的分类要求,将页面分成若干板块、栏目,使浏览者一目了然。吸引浏览者的眼球,还能通过网页达到信息宣传的目的,显示出鲜明的信息传达效果。
5.版式设计之对比性。在设计过程中,通过多与少、主与次、黑与白、动与静、聚与散等对比手法的运用,使网页主题更加突出鲜明而富有生气。
6.网页设计的和谐性。网页布局应该符合人类审美的基本原则,浑然一体。如果仅仅是色彩、形状、线条等的随意混合,那么设计出来的作品不但没有生气、灵感,甚至连最基本的视觉设计和信息传达功能也无法实现。如果选择了与主页内容不和谐的色调,就会传递错误的信息,造成混乱。
7.导向清晰。网页设计中导航使用超文本链接或图片链接,使人们能够在您的网站上自由前进或后退,而不会让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释,以便那些不愿意自动加载图片的观众能够了解图片的含义。
8.非图形的内容。由于在互联网浏览的大多是一些寻找信息的人们,我们仍然建议您要确定您的网站将为他们提供的是有价值的内容,而不是过度的装饰。
2学校类网站用户体验设计需要注意什么
要说一个网站最重要的页面恐怕就是首页了,用户访问的页面大部分情况下都是首页,因此首页的页面设计和用户体验都会影响到用户的感觉,笔者之前看到过一些 旅游类的网站总是把首页内容做的异常丰富,如此一来看起来十分臃肿,页面过大也不利于蜘蛛的爬行和抓取。百度蜘蛛抓取的页面大小是有限制的,如果只能抓 100KB的文件大小,但是你的页面远远大于100KB,很可惜百度蜘蛛根本抓不了整个页面。好了闲话少扯,今天和大家一起聊聊化妆培训类网站首页的用户 体验细节,都说用户体验要从细节做起,但具体实施起来其实很抽象,笔者感觉我这个客户的网站用户体验做的不错,从首页就可以看出一些端倪,分析以下三点:
第一点:导航设计突出重点栏目
对 于学校、培训类的网站来讲,用户群体都是类似的,无非就是学生或者家长,试想一下如果你是一个想了解化妆培训学校的学生,那你最关注的是学校的哪方面信 息,我想首先应该是学校的课程,就是有没有我想学的课程或专业,然后就是学校的师资力量,有没有获得过哪些奖项啊之类的信息,最后就是学校的学习氛围和学 费的问题了。图一可以看到这个网站首页的导航分为三个类型,当然这是笔者自己划分的,红色背景显示的是全部专业课程,这里最为显眼。顶部的小导航对“学校 概况”等重要栏目做了字体加粗的处理,剩下的就常见的首页导航了,不过在先后顺序上也得注意下,尽量把用户最为感兴趣的内容放在前面,至于那些新闻资 讯类的东西放在最后面就OK了。观察下这个站的百度后台统计,从百度热力图来分析下,我想红色背景的导航信息点击次数最多,百度热力图可以告诉我们页面的 哪些地方吸引了大量用户的注意。同类型的站点完全可以效仿一下这个站点。
第二点:视频、图片文字完美结合
有 时候再精彩的文字比不上一张精美的图片,再好看的图片比不上一段视频,在内容营销的时代,用户似乎也已经厌倦了大段的文字叙述,特别像这个化妆培训的网 站。只有用图片和视频才能表达出化妆后的效果,内容指的是图片、文字、视频、音频等信息传播方式,例如:一些音乐网利用声音来给网站打广告,声音嵌入到音 乐播放中,不过这种方法容易让听者不爽。不过网站上的图片一定要清晰,包括视频也是一样的,这方面要处理好,别再图片上乱加水印效果,像培训学校类的站点 也需要展示大量的学员作品,这个比较有说服力,耳听为虚,眼见为实。再者网民都比较懒,图片和视频比文字描述更直接、更清楚,也更加节省时间。
第三点:留言板块能够及时回复
许多企业站都有留言板块,方便网站访问者可以留言,留言板块可以说是客服系统的弥补,毕竟客服不能24小时在线,可惜的是大部分留言板块都成了摆设,虽然 有客户提出问题,但是却无人去回答。这其实是与客户沟通、交流的好时机,也就是与用户在交互,对用户体验来说自然是有益无害的。这个培训网站就做到了这 点,具体笔者就不截图说明了,一个用户体验好的网站值得我们去学习和效仿,当然那些不好的方面肯定也是有的。其实从竞争对手那里可以学到很多东西,我们要 做的是取其精华去其糟粕。想做好一个网站,不仅仅是paiming和流量,更重要的是盈利和用户之间的关系,处理好这层关系才能更好的生存下去。
网站的用户体验是不断改进的过程,但首先我们得分析出用户的行为、用户的心理、用户的习惯等,比方说百度热力图可以反应出一些端倪。还有就是多去与你的用 户沟通,收集建议和意见,最后再对网站进行一些微调。细节决定成败,用户不喜欢你的网站有很多个理由,但是用户爱上你的网站可能就那么几个理由!
3视觉设计的基本元素
(一)文字。
对于绝大多数网页而言,文字是信息构成的主体,它与图片容易造成歧义不同,具有直接准确传递信息的特性,使浏览者可以准确地、方便地接受信息。但是文字过多,给人长篇累牍的感觉,让人心中生厌,影响浏览者的阅读情绪,所以在视觉设计中,要对文字采取一定的格式处理和艺术加工。所谓的格式处理,就是指对文字的字体、粗细、字号、颜色等加以处理,使之格式多样、变化丰富,打破呆板、累赘的形象。艺术加工是指对页面的文字,根据其所处位置和作用地位的差异,来加以图像化、风格化的艺术手段处理,让文字更具有个性风格,显得更加生动形象,易于读者轻松接受。
简述网页设计的基本原则
(二)色彩。
在网页的视觉设计中,色彩设计主要有五个部分组成,即标准色彩、图片主色彩、边框色彩、背景色彩和文字链接的色彩。由于人们的审美特点各有不同,不可能使页面的视觉效果完全满足所有人的浏览需求,但是就主色调方面而言,人们通常易于接受的色彩基本是一致的。页面的使用者在浏览页面的第一印象就是界面的色彩主体构成,它直接关系到浏览者是否有继续浏览下去的兴趣。所以页面的色彩选择必须符合当前人们的审美习惯,在确定页面主体的色调时,既要尊重受众的心理需求又要符合网站自身的主题定位。网站页面的色彩既不能太过于单一,也不能色彩斑斓,这就需要把握一个适中标准。在确定主体色调以后,按照主次、轻重关系,对图片、标题、边框、文字链接的色彩做出有层次的选择,绝对不能喧宾夺主,要处理好各部分之间的关系以及各部分与整体之间的关系,色彩种类也不宜过多,以免浏览者产生视觉疲劳。
(三)图片。
在页面的组成部分中,图片是除文字以外最重要的构成要素,也是最早引用到网络中的多媒体对象。文字的特点是能够直观、准确地传递信息,而图片则可以打破纯文字界面的枯燥、平淡的格局,为页面增添活力,图文并茂,使网页生动形象,充满感情色彩。一般情况下,网页中使用的图片分辨率不需要太高,因为过高的分辨率势必使图片的容量加大,会影响到网页的浏览速度。在网页设计中,图片的大小、位置和方向都会影响到信息的表达,在整体编排中,应该分清重点和主次,对引用到的所有图片先做整体上的布局处理,然后使图片之间、图片和文字之间的关系和谐,页面整体布局和谐统一。
(四)版面。
版面设计是在有限的屏幕空间界面对所有多媒体元素进行有机整合,使整体页面布局合理得到,感官效果好,便于受众接受。版面设计的成功与否,影响到网页核心信息的传递价值和浏览者的视觉留存时间,是网页整体感的直观传递。在进行版面设计时,主要利用点、线、面的依存关系,对页面的所有组成要素进行空间位置的排列,这一过程需要在网页自身价值表达的需求下,充分挖掘各多媒体因素的相互关系,使这些要素在视觉感受中体现出均衡、调和、律动的视觉效果,让整个界面生动起来,不平淡、不呆板。在版面的视觉处理上,需要把握好主题与素材、整体与个体之间的关系,在统一之中寻求变化,在不对称中寻找均衡点,促成页面整体的和谐效果。
4网页设计商业化具体指什么
Internet作为新的媒介,为设计提供了广阔的舞台。互联网信息资源无限、图文互动、方便快捷,而且价格低廉,对于精明的商家来说,没有理由拒绝在Internet上展示自己或者销售自己的产品,从而使网络中网页的设计从一开始就蒙上了商业的色彩。
网站是由诸多的网页构成,网站存在的价值是被客户访问,客户的浏览率是网站广告收费的重要依据,也是评估网站价值的重要依据之一。网页是构成互联网的基本元素,是引导客户进入网络的大门。网页作为信息传达的载体,具有提高消费者对企业或商家新产品的了解,增强企业或商家的知名度,树立企业或商家形象,提高企业或商家信誉,促进销售等方面的功能。那么,如何使客户浏览后记住这个网站?企业或商家如何使自己的网站与众不同?这是设计师要认真思考的问题。
一、利用图像美化网页,提高点击率
网页设计中内容应当是第一位的,但是从商业的角度考虑,页面设计也是非常重要的。设计师除了利用互联网的特性和企业目标市场的准确定位外,还要把页面设计的趣味盎然,引人入胜,从众多的页面中脱颖而出,以吸引读者的眼球,从而增加页面的点击率。
网页是由文字、图像等元素构成的,各种设计手段与编排手法的运用,就是要让读者产生一种心理暗示,引导读者对目标网站产生兴趣和阅读欲望。
文字是网页中必不可少的设计元素,也是网页中主要信息描述的要素,所以网页中文字占据了很大的面积。但是页面上文字太多,就会显得沉闷,缺乏生气。图像是构成网页设计要素之一,它具有强烈的视觉效果,能使页面显得活泼生动,美观大方,图像的好坏直接影响阅读者的观赏兴趣。图像还能补充文字说明,给读者直观的表现。能给网页锦上添花,并能潜移默化地给读者思想情感上的启迪与感染,也能表达设计师个人的设计风格。
一个优秀的页面设计必定是形式与内容的完美结合。一方面,网页设计所追求的形式美,必须适合主题的需要,这是网页设计的前提。只讲究形式美感,过于强调独特的设计风格而脱离内容,或者只求内容而缺乏艺术的表现,页面设计都会变得空洞而乏味。另一方面要确保网页上的每一幅图像都有存在的必要性,不要为了炫耀而刻意装饰,了解企业或商家的经营策略,具有针对性地设计。因为图像是为页面而服务的。图像的大小、位置、数量、形式等因素,直接关系到网页的视觉传达。图像要与内容特性相吻合,不能相脱离,更不能相互冲突。
二、吸引读者注意力,提高网站知名度
互联网凭借其信息量大、覆盖面广、方便快捷、互动性强等特点,逐渐成为人们学习、生活、工作中获取信息的重要媒体。从中国互联网信息中心的调查数据看,我们50%的上网用户目的是获取信息,居各种上网目的的第一位,正是由于人们对信息量的需求,导致了人们对这一新兴媒体的依赖。
在Internet上信息的传播是靠客户的浏览,如果没有访问者,信息将无用武之地。网站需要丰富自己的网上传播内容及传播表达手段,以吸引更多的读者访问自己的网站,激活自己的主页和信息页。激活率越高,就意味着它对网民的吸引力越大,从而吸引更多的小企业、个体经营者租用自己的网站设置网页,获得更多的收入。目前网络媒介一般者是免费向读者提供信息的,它从内容传播本身并不能取得收入。但它还是坚持不懈地更新网上新闻、娱乐方面的内容,其用意无非是持之以恒、锲而不舍地在网上建立自己网站的声望,加强知名度、印象度,为开展广告经营,取得广告收入的回报创造条件,打下基础。因而对于一个网站来说,如何让读者更多更好地接受信息是提高网站知名度的关键。新晨范文网
三、传递商品信息,诱发购买欲
从信息接受者的角度考虑,视觉是人们获取信息的主要渠道。一个人在接受外界信息时,经由视觉接受的信息占全部信息的83%,11%的信息来自于听觉,3.5%的信息来自于嗅觉,1.5%的信息来自于触觉,1%的信息来自于味觉。对于网络广告信息来说,视觉形象的表现力比语言的表现力更强,能达到更好的效果。因而,在某种程度上来看,与其用语言向读者灌输信息,不如让读者去看,让形象去说服读者。
图像是文字的具象化,图像能极大地提升文字的魅力、张力和感性,一幅好的图像,能将设计师抽象的思考予以“具体化”的表达,把某些无法用文字表现出来的视觉特征,通过图像形象地表现出来,它应该是一种文字意念的“再创造”。
网页中广告的图像通常是通过画面的视觉形象对浏览者的视觉产生刺激,增强人们对广告信息——商品或者劳务等的印象,在人们毫无反感的心理状态下,不知不觉地接受了广告所传播的信息。网络广告从图像入手,让图像说话,用形象传递信息,以强烈的视觉冲击力打动观众的心,激发观众的联想和刺激观众的想象,让观众在审美的过程中接纳商品信息。网络广告中图像是商品信息的载体,它的最主要的功能就是将产品或者企业的商业活动所承载的信息、概念转化为视觉语言,进行形象、艺术的描绘,以此来感染大众的情绪,影响他们的心理,完成商业运作及广告宣传,让大众最终实施消费行为。
网页设计推动了网络经济的发展,促进了商品的流通。我们的设计师应该在追求商业性的同时还应该注意它的艺术性,艺术性越强,感染力会更高,艺术性是影响商业性的一个不可忽视的方面。