济南网站建设,网站运营维护,网站优化
网站运营您当前的位置:智达维网络科技 > 网站运营 >

融入用户特征的网站界面艺术设计

更新时间:2018-07-04 11:32:19 作者:千寻建站 访问量:86

1 界面背景
    融入用户特征的网站界面背景被称为整体背景,也是最核心的背景层,该层次由图片、材质和其他元素共同构成;而内容背景由文本、图案和基本数据信息组成。
    1)主要内容与背景分层。多层背景结构是该页面主背景,呈现在最底部,而内容背景呈现在最顶层。根据用户特征,将背景设置为一个大图片,在图片中采用实心背景,头部采用半透明背景。界面背景设计需要通过视觉元素实现整个内容的传达,为了达到最好的传达效果,该界面设计必须适应大众的视觉流向特征,确定构成视觉的各种元素。在设计时应该重视各种元素之间的距离与位置,进而确定流程。视觉流程需要根据用户特征实现,用户对背景欣赏程度取决于人类的视觉特性,人眼视线沿着水平方向运动比垂直方向运动速度更快,并且不易疲劳。由于大部分用户视觉特征是按照从左到右、从上到下的顺序进行运动,经过调查发现,用户视区范围内的上方比下方注目程度要高,且左侧比右侧更容易,对于页面设计需要遵循用户视区内对页面背景的注目程度。
    2)内容与背景图案或纹理的结合。当主背景是由材质、图片和各种复杂的图案构成时,通常采用内容与背景图案或纹理结合的方式。该方式技巧较难把握,一般以图片为背景,注重颜色平衡搭配,取得良好的视觉效果,进而保证背景与文字之间的对比度清晰,获得良好可读性。
    3)内容与主体背景共用。主背景最基本、最简单的结构就是内容的背景,通常采用单种色系或者几种颜色较少色系作为该结构的色彩调度方案。
2 导航设计
    融入用户特征网站界面中特定的有效导航能够让上访者在复杂的信息数据中安全、快速地找到想要搜索的文件。在创建界面导航时,需要确保导航设计以用户为出发点,而不是以整个系统为出发点。为了增加该网站导航特色,在左侧导航的基础上,设计具有搜索特色的右侧导航。
    1)左栏导航。网站左栏导航的设计灵感来自于互联网方便的网页布局结构,左栏导航设计是大多数界面网站采用的模式,该布局对于网站用户来说相对安全,且左侧导航能够有效弥补内容网站的空洞感,但缺乏创新。按照惯例在界面的左侧设计导航,在中间位置加入图片素材,并在右下方留下联系方式,以便用户与上访者之间方便沟通,设计结果如图1所示。

左栏导航设计

左栏导航设计

    2)右栏导航。在界面网站中设计右侧导航的网页布局结构,是使用频率较低的结构,缺点在于:上访者对信息进行阅读时,一般从左侧顶部开始阅读,而采用右侧导航结构不易引起上访者的关注。在对融入用户特征的网站界面右侧导航中加入搜索引擎后,上访者能更加方便地找到想要搜索的目标。
3 版面设计
    无论任何形式的网站设计,其主页既需要文字,又需要图片。文字有大小之分,文本有正标题和副标题之分,而图片大小各异、形态不同,有横竖之别。图片文字通过版面呈现给上访者,需要根据用户的特征,将图片文字按照一定秩序进行合理编排,组合成一个有机体呈现给上访者。该版面需要具备主次分明、中心突出,首尾呼应、颜色搭配得当,图文并茂、相得益彰的特点。根据版面设计的视觉效果,在有限的空间屏幕里将元素按照排列组合规律,突出用户特征。运用“非遗”类APP界面版式增加整个页面设计的平衡、和谐和庄重之美;而文字自上而下,以竖行形式排列在文字结尾处,并以红色印章相配,更具有均衡界面设计的效果。
4 文字设计
    网站界面文字的设计是视觉信息传达的主要媒介,除了内容本身的传达,还包括情感的激发与心理各个因素的碰撞,不同文字在形象的传达上具有潜移默化的影响。在整个界面设计的过程中,必须重视文字的使用与不同版式的编排,根据选定的大小、颜色和行距,使用户网站的上访者能产生愉悦感,进而更好地完成信息搜索。充分利用字体大小、粗细程度来引导人们的视觉,重点突出内容与主题,确保上访者用最短的时间精准地找到想要搜索的目标信息。文字的编排密度也十分重要,比如字与字之间的距离、行与行之间的距离也会影响访问者视觉感官,良好的编排可以帮助上访者梳理阅读路线,进而方便在海量信息中流畅地选择搜索目标。
5 图像设计
    网站界面艺术图像设计相对于文字信息传达来说,更为直观与生动。与传统网站界面设计不同的是,上访者对网页进行浏览是连续且可选择的,而用户接收的信息是非单线性的。界面信息隐藏、凸显以及跳转在较大程度上需要依赖图像引导。融入用户特征,充分考虑用户认知心理,从图像整体构造与色彩角度出发,注意图像语义表达的精准性,确保图像与用户认知度相适应。比如,在网站界面设计过程中向左或向右进行翻页时,可以使用上访者熟悉的箭头来引导,帮助上访者根据自己的需求对内容进行读取或关闭,进而保持页面整洁。

    文章说明:本站发布的所有文章,版权均属于智达维网络科技。如需转载、摘编或其它方式使用上述作品,请注明“转载自:智达维网络科技”,谢谢您的浏览!本站专注:网站运营网站建设
相关推荐

热线:0531-87583458 电话:0531-66812586 QQ:2676834962
Copyright 智达维网络科技 版权所有
ICP备案编号:鲁ICP备11034527号-1 鲁公网安备 37010402000703号

扫二维码加微信咨询

拨打客服热线

0531-87583458

在线客服