网站首页 > 网站设计> 文章内容

网页设计教程!有哪些技巧可以搞定大图设计?

※发布时间:2018-1-22 15:14:16   ※发布作者:habao   ※出自何处: 

  俗话说,一张图片胜于千言万语。人类是视觉性动物,图片更能吸引人的注意,是传达信息的重要方式。随着互联网和显示设备的发展,越来越多的网站使用引人注目的大图片方式来吸引用户的注意力,同时,对用户来说也是一种视觉体验。通常一张图片无法传递全部的信息,所以很多网站便用类似旋转木马的方式轮播显示多张图片。

  航空公司的主页便体现了采用大图片形式的趋势:秋天漫黄的树叶和丘壑的美丽风景铺满了整个页面,形成一道引人注目的焦点。

  这种方式的基本原理就是图片相对于文字有一种独特的能力,它可以激励和吸引浏览网站人的目光。Don Norman在《Emotional Design》一书中对这种现象是这样子描述的:这是人类的本能反应,图片更具有外观性。网站通过显示美观的图片(如美丽的风景,时尚的产品,以及魅力无限的人物)引起浏览者内心的强烈反应。

  想要得到用户发自内心的认可不只是通过良好的用户体验。网页应该向用户传达内容(知识)和功能性。

  航空主页上的图片虽然十分迷人,但是在网页上投入过多的元素就意味着以后可能会忽略其它细小的元素-可能这些元素很重要也说不定。

  整个航空主页旨在关注形象:顶部链接都很小,没有背景颜色,搜索功能用一个放大镜图标来表示,而不是一个输入框,甚至“Book Now”按钮也是采用简单的轮廓表示,没有背景,这样可以与大图片的背景区分开来。最重要的是,航班搜索功能放低了几英寸,以防止大图片被截断。因此,许多用户甚至看不到这个搜索航班的按钮,除非滚动到下面的页面。

  将新版的航空主页与旧版的对比,在设计上可以很清晰地说明这种方法的优缺点。与其他许多航空公司一样,在新版的网站之前,航空的主页上的促销活动和项目常凌乱的。几乎没有明显的背景图像,因为网页上有太多的文字,链接和小部件了网页的背景。然而,航班搜索工具放置在网页顶部的左上角,也是用户最先看到了地方。(起码在文本阅读中是这样)

  在旧版的主页中,航空公司主页常凌乱的,但航班搜索工具放置的却方便用户能找到它。

  相比之下,手机版的航空主页却能更轻易地找到重要的文本信息和主要功能,四个主要的功能并列排在显著的地方,尽管摆放的和外观都与广告类似,但却更具有性,更能吸引用户的注意。这种设计方式也采用大图片为背景的模式,并且操作按钮一样强调视觉效果不会遮挡到大图片的背景。

  

关键词:网站设计教学
相关阅读
  • 没有资料