




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、 几个案例告诉你网站设计怎么才能吸引用户眼球怎么让自己网站设计的让人眼前一亮,从众多平庸的网站中脱颖而出,这是很多设计师思考的问题,其实一个网站文字比图片更能吸引人,所以想要让网站更加吸引用户眼球那么可以在图像上下功夫。好图胜千言,下通过一些案例来说说。1、Biamar关键词:时尚感 品牌 视差滚动 HTML5Biamar网站首页用了超大背景图,高端、时尚是网站给人的第一感觉。在背景图中,连绵起伏的山峦具有层次,衬托了人物形象,营造的环境氛围突出展示了服装的时尚感,渲染并传达了Biamar的品牌内涵。此处使用的图,符合Biamar针织衫的品牌风格,向用户准确传达了品牌理念。网站采用了视差滚动技
2、术,页面用HTML5写成,鼠标滚动时页面图和文字出现不同层次,从视觉上更加衬托出网站的酷炫。2、My Deejo关键词:HTML5 酷炫 360度全景3D展示 强互动性打开My Deejo网站,首页的产品图片无疑是最引人注目的:精致的折叠刀似乎悬浮在空中,从模糊的背景中凸显出来,尽显3D效果的视觉冲击力。用户的视线很容易被产品吸引,主动去阅读文字,进一步了解产品特征。在浏览过程中,用户会发现网站采用了超级酷炫的360度全景3D展示。通过滑动和滚动鼠标,可以从全方位视角查看折叠刀的细节,并能自定义为刀身设置不同花纹和刀柄,充满趣味性。同时还能点击折叠刀下面的OPEN/CLOSE幽灵按钮,查看刀身
3、打开和折叠的状态。更棒的是,上图的交互效果完整展示了各个零件拼出折叠刀的动态效果,非常吸引人。该网站的效果很容易激发用户的兴趣,让人沉浸其中、玩得不亦乐乎,留下深刻印象。虽然网站酷炫的交互效果似乎更吸引人,但打开网站第一眼的惊艳,来自于产品图片本身的精致感。正是产品图与背景的巧妙融合,完美展现了定制的个性化,才能发挥交互效果的最大作用。3、EverEarth 关键词:360度水平旋转展示 产品图动态旋转 视差滚动 全面了解产品EverEarth是由AnyForWeb开发的网站,该网站的整体风格清新,产品图片全部是拍摄的高清图片,从不同角度展现产品细节。与折叠刀定制案例不同的是,产品图
4、片是自动360度水平旋转,非常方便用户查看产品各个侧面的细节,帮助用户全面了解产品,感觉与产品更贴近。与静态图相比,动态影像显然更容易得到人的注意力,不过对任何效果来说,只有适合的才是最好的。针对某些行业的产品,高清产品图片和360度水平旋转展示可以发挥更好的作用,比如大型机械设备、精密仪器、珠宝等产品。4、POSCO关键词:线形图 风格统一 专业性POSCO网站的线形矢量图和线形图标是网站的一个特色。这种独特的线形图,看起来简洁、形象。该网站中的线形图有两个重要作用,一是当多个页面使用风格一致的线形图时,让网站具有统一性,能为网站塑造一种简单、专业的形象。另一个作用是,用户即使不看文字,也能
5、通过线形图了解文字传达的含义。通常,线形图可以起到传递信息的作用,好的线形图可以作为网站统一而独特的元素,让网站具有一种设计感。5、POSCO关键词:信息图 可视化 易于传播同样在POSCO网站上,还采用了扁平化的信息图设计。该网站中,信息图将数据、文字转化为更直观的可视化形式,让人更容易理解和感受。与文字相比,该案例使用更富有吸引力的信息图,并且其配色和网站整体风格相一致,让用户的注意力集中在数据上,让人在脑海中迅速建立可视化印象。在网站中合理使用信息图,是提升传播效果的最优途径之一。6、Glanway伽然关键词:流程图 直观 易理解 人文精神在Glanway伽然的招聘申请中,以流程图的形式
6、展现了招聘申请流程,看上去一目了然。上图的整个流程用图标、线条、文字搭配展现,强化了流程的图顺序,并视觉上增加了文字排版样式,显得美观。从视觉效果来说,纯粹的文字描述在网页中显得单调或呆板,而不同样式的流程图往往比文字有更多样式,甚至让用户感到操作步骤简化,进而刺激用户反应、促使人行动。7、Vito Salvatore关键词:手写文字 情怀 经典 产生共鸣如果让你用图片表达纪念,你会用什么样的图?在Vito Salvatore网站上,一张和背景融为一体的照片让人不由自主产生一种纪念的心情。大背景图模糊化,让人的视觉集中在“照片”中的路虎车和人物上,色彩的巧妙变化,让照片与周边坏境融为一体,又凸
7、显了层次感。路虎第一款发现在1989年推出,照片下手写的“1989”让纪念味儿更浓,再加上包含“25 Years”的大号文字,让整个页面渲染出一种经典的感觉。该网站此处图片的使用,能够激发用户情感,引起用户共鸣。8、The Lounge关键词:手绘风 人物真实形象 亲切感 人情味The Lounge网站中,服务人员全部采用了手绘风的人物真实形象,是网站的一个特色。该网站的真实人物形象展现让用户感受到服务背后有活生生的人,体验到一种真实感和亲切感。这种亲切友好更有人情味,比较容易让用户产生信赖,无形中提升了网站用户体验。另外,网站设计与业务紧密联系,手绘风格更是体现了一种艺术气息,巧妙传递该企业
8、的业务特色。但设计师们需要注意,应谨慎选择和设计人物真实形象,因为不恰当的人物照片出现在网站上,反而影响网站浏览效果。该网站能够取得更好效果的原因是:从整体看,无论是左侧的真实人物形象,还是右侧的手绘人物、以及其他元素(梳子、剪刀等)风格统一,而且在配色上协调、融合,让网站整体风格保持着一致。9、La Baldufa关键词:卡通图 情感化 打动用户La Baldufa网站的产品采用了大量可爱的卡通图,充满了童趣。在网站上,所有的卡通图颜色鲜亮柔和,显得活泼可爱,非常符合婴幼儿用品给人的感受。并且卡通图的背景采用圆角设计,潜在蕴含并传达出产品的安全性,也更好地衬托网站整体的卡通风格。该网站的卡通图符合产品定位,不仅是为了展示产品,还从整体营造了一种稚嫩、温馨的氛围,可以唤起人内心的柔软,打动用户。10、G关键词:卡通手绘风 个性化 高识别度G网站采用了卡通手绘风格的设计,首页的图是一个特征鲜明的人物形象,不管是人物发型、神态,还是动作,都展现一种强烈的个性化。这种卡通手绘风格的图塑造的个性化非常独特,能吸引用户的注意
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 鄂尔多斯2025年内蒙古鄂尔多斯市教育体育局所属事业单位引进高层次人才6人笔试历年参考题库附带答案详解
- 烟台2025年山东烟台海阳市事业单位招聘33人笔试历年参考题库附带答案详解
- 硬膜外麻醉与B超引导下神经阻滞麻醉在老年髋关节手术患者中的麻醉效果对比分析
- 分析行为护理对脑梗死运动功能障碍患者康复效果的影响
- 眼科宣传教育
- 深圳市建设工程计价规程2017解读12.27
- 荨麻疹发病预防与治疗
- 工地材料负责人述职报告
- 消防安全与救护知识
- 孟子两章之《富贵不能淫》
- 《中小学美术教学论》第一章 美术教学论及其研究的对象
- 应急灯、出口指示灯、消防栓、灭火器点检表
- PFMEA模板完整版文档
- 阁楼施工协议范本
- 《茯苓功效研究(论文)》
- LS/T 1201-2020磷化氢熏蒸技术规程
- GB/T 27476.2-2014检测实验室安全第2部分:电气因素
- GA 1010-2012看守所床具
- 清洗消毒灭菌技术操作规范 课件
- 四川大学教案-《高级语言程序设计I》
- 幼儿园大班数学:《10以内的相邻数》课件
评论
0/150
提交评论