青岛网站建设_小程序开发_品牌设计_圭谷设计

网站建设时的细节设计

分类:网站建设 浏览次数:33924 2018-11-06
满意回答
2018-11-06

网站建设过程中有哪些细节设计需要大家注意呢?今天圭谷设计来为大家讲解以下几点内容:

QQ截图20180913101616

1.菜单、标签、按钮、图标

目前,大部分网站还是以菜单、标签、按钮、图标为主。菜单和标签形式常用作主导航,位置和功能比较显眼;图标常常为一组风格统一、寓意明确的图形,或与文字链接组合使用,增强客户的理解力。按钮作为某个任务动作或链接形式,运用灵活。

我们从日常生活中认识到,按钮是凸起的,按下后变矮,按钮的投影也变短,在制作图像按钮时会模拟这种体验。首先,通过渐变、投影等效果使图像按钮有凸起的立体感,看上去是可以被点击的;其次,设计当光标滑入按钮时,按钮的颜色或者其上文字的颜色变化;然后,当单击按钮后,要设计按钮被按下的状态。

按钮的视觉隐喻多采用投影、高光、渐变等手法模拟真实的视觉效果,如此复杂的设计对各种设备的适应性不是很好,在细节上需要分别对这些设备进行微调。相对而言,扁平化设计具有更好的适应性。然而,不可否认的是,对于老年、幼年或其他对交互设备不够熟悉的客户,或者强调使用效率的应用,采用良好的视觉隐喻的设计比过于简洁的扁平化设计具有更强的易用性。

在网站导航的视觉设计上,同类导航按钮或标签的设计风格、比例应保持一致性。而特别推荐的商品或新闻,则需要在颜色或动态效果上做特殊处理,引起浏览者的关注。

所以,信息构建要分层次,并进行合理的组织设计。如果滥用设计理论和技术,网站页面中到处是视线跳跃点,就会造成浏览者视觉疲劳、心情烦躁。

2.文字和数字

除了菜单、标签、按钮、图标以外,导航还常以文字或数字的形式出现,或者在传统菜单、标签、按钮、图标之中以文字或数字为主要视觉元素。这样的导航,风格简洁、意义明确。

3.网页空间感

显示器是网站的显示终端,显示器的大小是有限的。网站设计师如何通过精心的设计来扩展界面显示的空间感呢?利用Flash、Ajax等技术,可以制作出灵活、流动的空间。

一般来讲,网站设计师会把重要的内容显示在网站第一屏,但是,对于现如今每个企业都希望自己的网站量身定制的,比如企业品牌网站建设、产品专业化较强的展示网站。有的网站利用浏览器的滚动条来显示水平或垂直排列的多屏信息;有的网站界面有自己的导航菜单,但信息布置在同一个页面之中,当客户选择不同的菜单项,界面会单向或者多向滑动显示相关信息;有的网站把相似信息布置在一个屏幕内,不同的信息内容分屏幕布局设计。

4.小化或无导航

网站导航几乎渗透网站之中的所有页面,但是对于网站结构深层的详细页面,以新开页面建立的页面以及弹出式的单独广告页面则不一定设置主导航,客户可以关闭此页面,点击返回按钮回到登陆此页面之前的网页,或者通过简化版的导航菜单跳转到其他页面。

5.图像导航

图像导航提供形象化的视觉信息,比文字导航更容易被识别和理解。图像导航可以增强信息的故事性,使客户在兴趣中接收信息,一般来说,图像导航的响应交互的区域更大,方便点击。图像导航同时配有文字导航,使客户明确图像的意义和导航栏目。

6.模拟纸制品

互联网不过几十年,但印刷品可谓历史悠久了。人们早已熟知印刷品的阅读方式了,并执着地把它沿袭到网站设计上。利用隐喻,将人们对传统印刷品的认知经验运用到与网络产品的交互过程中。

例:纽约时报网站,以信息发布为主要目的。网站建设风格与报纸接近,标志的位置居中,文字信息分六栏。与报纸头版不同的是,网站主页设有导航、搜索框、广告等内容。网站中的文章显示有链接的标题和主要内容,不必像报纸一样一次性显示全部内容,单击链接后进入更详细的新闻解读。

7.网站引导页

有些网站打开后直接进入首页或第一个栏目页面,而有的网站登录后首先看到的是网站引导页。引导页以网站视觉识别系统或网站风格的图形元素组成,集中呈现网站所有者希望带给客户的第一印象。

8.网站第一屏

第一屏也称网站的可见区域,是指网站上不需要拉动滚动条就能看到的区域。而折叠位置是指网站在屏幕上可见区域的下方位置,折叠位置取决于客户的屏幕大小。既然第一屏是不需要滑动滚动条就能看到的区域,点击量相对较高。网站的主导航一般位于网站页面的顶部或左侧,即便位于页面底部的主导航也会显示在第一屏,在内容较多的网站首页上几乎不会把主导航设置在页面底部。重要信息一般也会在第一屏显示出来,同时,在第一屏出现的广告位价格也会较高。

网站名片  _副本


标签: 青岛做网站

Copyright All Rights GreatGoal Design co.,ltd. 鲁ICP备16002128号-3      技术支持: @圭谷设计