已经厌倦了一成不变的网页设计视觉效果了吗?其实欧美的许多产业与企业,利用了网站的特效与视觉效果,大胆的打造出企业求新、求变、热情、创新的效果,建立企业年轻的印象。
也许以下的特效您觉得太过花俏、或是特异独行觉得不适合用于企业,但其实以下的范例不少源自于跨国品牌,因此不妨以开放的态度,参观以下网站的视觉之美!
1. 垂直视差效果
想要呈现出简报的视觉效果,但是又不希望让观众画面有被切断的感觉,这时使用了垂直视差的制作技术,就能够产生出相当好的网站视觉效果。以这一个范例的Nike网站来说,用大量的图示呈现了品牌的精神,而并非落落长的文字来呈现。由于技术并不困难,因此这样的类似技术用于目前许多主流的网站,但全画面的垂直视差效果却十分的罕见,不过视觉效果却物超所值。
2. 滑鼠拖曳特效
当滑鼠移动主视觉画面时,你会希望看到什么资讯呢?聪明的视觉设计者,会利用卷轴移动层次加上速度差,打造出如同3D电影的视觉感受。不过这样的设计会耗用大量的网路资源,对于处理器速度不足的小笔记电脑或是平板电脑,容易产生延迟问题。为视觉的效果十分的戏剧化,因此经常用于娱乐产业,例如:电影、影集、运动、赛事等网站。
3. 滑动的画面
当你的网站主题众多,一个页面无法呈现时,你会使用传统的页面点击转连结的方式?还是精彩的 全画面卷动效果!这个范例网站透过滑鼠的点击,整个网页的画面会滑动到一个全新的网页,在视觉上可以说抢尽了风采。
4. 科拿米密码
这是一个源自于电玩的知名秘技:只要输入了:上上下下左右左右BA之后,游戏的玩家可以作弊取得破关的法宝。现在也有网页公司,把这样的巧思设计于自家的活动网页上,只要输入了密码之后,就会出现一想不到的画面。这样的设计大多会用于电玩的产业网站中,不过据闻Google以及某些社群网站,将这样的秘技暗藏于网站中,引发起网友疯狂的转载,达到另类的行销效果。
5. 飘出的文字
大概各位已经看过无数次这样的效果:将滑鼠移动到图片,就会浮出文字介绍,虽然十分的平淡,但是却充满的动态的力量与美感,是网页设计师最爱使用的视觉设计技巧之一,经常出现于旅馆、新闻、自然、生态、教育等类型网站。
6. 读取进度
这也是十分普及的网页设计技术,大多用于Flash等大档案读取网页资料的用途,不过善于使用创意点子的设计师,绝对不会让这一段等待的时间,让观众看着枯燥的画面。
7. 卷轴画面
如果你希望可以在一个网页内塞入许多文字的内容,但又不希望整个画面卷动,那么这样的特效会非常的适合您,您可以到这个网站的关于我们的网页中,体验一下这种文字效果。不过这样的设计字体较小,也无法透过放大的功能来改变字体的大小,更糟糕的是对于平板电脑与智慧手机无法相容。一般的视觉特效或许无须介意智慧手机无法正确呈现,但如果卷轴的文字为重要的公司资讯,那可就不建议了。
8. 滑鼠滚轮
很多PC使用者,已经很熟悉使用滚轮转动网页的画面,甚至是游戏的玩家也很擅长使用滑鼠滚轮达到游戏的目的,因此善用滑鼠滚轮切换网页的资讯,十分的适合用于娱乐与游戏产业。请注意:MAC电脑以及目前流行的平板电脑都没有滚轮的设计,使用这样的技术请再三思考。
9. 滑动的功能列
大部分的网站功能列都是固定的,想要于功能列上塞入更多的功能,不妨试着使用动态感十足的功能列卷轴功能,不仅大幅的增加了功能列的弹性,也增加了网站的设计感。不过范例中的网站,似乎使用了太多的资源,因此在一些速度较慢的电脑上,执行得十分不顺畅。
如果您对于以上的网页设计感到兴趣,且希望用于自己的官方网站上,紫索科技十分欢迎与您分享网路设计视觉效果的各种构想与建议。
最近网页设计人的热门话题,是一个来自于台北设计展的官方网页内容。这个网站基本上的呈现十分的不错,但有一位网路知名的部落客,却发表了一篇文章批评这样的设计很烂,原因只有一个:他的iPhone手机无
查看详情成功的网站的秘诀,就是让使用者愿意阅读更多新闻。读者愿意停留在网站的时间越久,同等于点阅了越多的内容,不仅对于企业增加新的客源更有帮助,对于搜寻引擎来说,可以降低网站的离开率(Bounce Ra
查看详情已经厌倦了一成不变的网页设计视觉效果了吗?其实欧美的许多产业与企业,利用了网站的特效与视觉效果,大胆的打造出企业求新、求变、热情、创新的效果,建立企业年轻的印象。
不久前我们才迎接了2011的跨年夜,来到了全新的2012年,网路的发展也有许多趋势值得关注,因为趋势代表的是进步与演进、以及带来更多的趋势。以下是我们所观察到,有机会随着时间逐渐热络的网页设计趋
查看详情网路上一堆关于2012年的网页设计趋势潮流资讯,是否看得头昏眼花?很幸运的我们找到了一篇精简、整合度很高的2012网页设计潮流趋势文章,与各位分享外,也将最近我们发布的文章与此内文整合,提供您一
查看详情网页设计是由许多不同的元素所组成,各有不同程度的重要性和一些特别的要求。有些元素是共享的关係,有些却是不相关的。困难之处在于能够传达视觉美感及成效。这是网页设计的对比的原则。
对比