文档文库
手机版
投诉建议
热门搜索:
心得体会
演讲稿
思想汇报
首页
心得体会
学习心得体会
培训心得体会
军训心得体会
社会实践
作风建设
工作心得体会
教育心得体会
演讲稿
演讲稿格式
演讲稿范文
竞聘演讲稿
师德演讲稿
三分钟演讲稿
思想汇报
思想汇报范文
转正思想汇报
大学生思想汇报
季度思想汇报
教师思想汇报
工作计划
工作计划格式
工作计划开头
工作计划结尾
总结与计划
工作计划模板
工作总结
年终工作总结
年度工作总结
个人工作总结
实习报告
实习报告范文
实习计划范文
实习鉴定范文
实习报告内容
个人简历
求职简历
简历范文
简历模板
简历表格
简历格式
祝福语
春节
除夕
元宵
端午节
合同范文
合同范本
合同样本
合同范本格式
首页
>
网页设计中图片的使用技巧
网页设计中图片的使用技巧
发布时间: 来源:
文档文库
小
中
大
字号:
手机查看
网页设计中图片的使用技巧
图片在网页中所扮演的角色越来越重要。将图片在网页
中得当的应用,会加分哦
~
不妨看看都有哪些使用技巧吧。
以下仅供参考!
横跨屏幕的轮播首图是时下流行的网页设计手法,设计
师通过覆盖视野式的图片来营造身临其境的体验,这非常符
合人类视觉优先的信息获取方式,所以,漂亮的首图是抓住
用户注意力的重要手段。优质的首图能够让用户明白,他们
可以从这个网站获取一些什么。
页面上的图片往往是最先吸引到用户的元素。
首图是容纳信息的完美容器。
小贴士:
·首图最好只用高清图片。没有什么比低保真甚至失真
的图片给人的体验更差了,如果你想使用首图,那么图片质
量意味着一切。
·如果你想使用文字覆盖图片的方式来制作首图,那么
请务必确保图片中的视觉主体能被用户轻松识别、理解,同
时和文字内容有足够的对比度。
根据环境和使用场景来展示产品是电商网站常用的机
巧。
而实际的数据也表明,
这样的图片拥有着极高的转化率。
举个例子,下面所展示的
GorillaPod
就将产品置于实
际的使用场景中,给予用户真实的使用体验。
灵活的三脚架在整个图片中作为焦点而存在整个首图
的设计富有创造性,信息和内容的传递也颇为高效。
JulianaBicycle
的网站首图同样是将产品置于使用场
景中。
相比于色彩丰富的图片,黑白色调的图片无法使用抓人
眼球的色彩来吸引访客,黑白照片更多的是依靠内容本身来
进行视觉传达。
现代的黑白摄影作品强调艺术性,并且许多摄影师认为,
这样的图片和摄影作品更加纯粹。
但是,为什么黑白摄影作品和图片会如此受追捧呢?很
简单,色彩会让观看者分心。
色彩的存在让用户更容易忽略照片本身的构图和细节,
用户的注意力可能会被引导到其他的地方,从而忽略诸如
CTA
按钮等关键元素。
小贴士:
·
如果你你使用黑白图片作为背景,
那么你可以赋予
CTA
按钮以一个醒目的色彩,从而起到吸引用户注意力的作用。
这里说的色彩叠加值得是用半透明的色彩图层叠加在
图片上,这种手法通常能够让图片更加匹配品牌色,或者视
觉设计的需求。
所叠加的色彩能够让图片更容易引起用户的情绪反应。
色彩叠加强化了图片的感染力。
即使是黑白色调的背景,色彩叠加也同样可以强化其感
染力,不过要选对色彩才行。
小贴士:
·当你使用单一色彩来作为叠加图层的时候,控制好色
彩的透明度。透明度较低的色彩会让背景的图片不那么容易
识别,想要让效果更微妙,应当控制好这个度。
精心设计的排版能够为你的品牌提升个性,当这些排版
和图片搭配到一起的时候,整个设计的形式感和表现力就有
了明显的提升。
文本的样式和其中包含的信息,和图片内容相互呼应,
互为解读,这是最佳的搭配。
同一个界面下,图片和文本之间不仅仅有对抗,还有协
同。
小贴士:
·充满形式感的排版是非常不错的视觉元素,但是它不
应该喧宾夺主,如果它太过于显眼会降低图片作为视觉元素
的存在感。
·时刻谨记可读性的问题,过于花哨的字体和排版设计
可能存在色彩对比度的问题,以及识别度的问题。
·充满形式感的字体和排版设计并不意味着复杂,它有
时候也可以是简单的,使用简单易读的字体,同样可以带来
本文来源:
https://www.2haoxitong.net/k/doc/cda2e93d001ca300a6c30c22590102020740f2b7.html
《网页设计中图片的使用技巧.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档
文档为doc格式
分享到:
相
关
案
例
贷款减免制度
2024-04-26
警察口头制止用语
2024-04-26
海甸溪两岸旧城改造项目
2024-04-26
阿房宫赋
2024-04-26
消防安全给客户打电话的话术
2024-04-26
警察叫去签承诺书
2024-04-26
正在进行安全检测...
2024-04-26
第五翘鼻子噜噜
2024-04-26
加油站考试试题
2024-04-26
盲音和忙音的区别
2024-04-26
相关推荐
1
“开放在生命深处的花朵”作文指导、范例及点评
2
催化裂化装置分馏油浆系统防止结焦问题的探讨
3
我爱中秋月周记
4
水乡校园——盐城工学院新校区总体规划方案设计
5
找几句励志的话
6
基于Silverlight for Windows Phone的图书馆推送通知的设计
7
单位员工离职证明书格式
8
2018年河南省中考地理一模试卷含答案
9
人教版四年级下册语文词语盘点与日积月累(拼音)
10
培训学校宣传标语
推荐内容
气压手功能康复仪
在家缓解毛周角化的方法
保健蔬菜黄秋葵产业化推广项目可行性实施报告
请为我鼓掌_小学作文
最新小学音乐教学个人工作总结
京剧角色划分
校规校纪学习材料
最新《千与千寻》观后感:寻找迷失的自我
三年级英语试题评价表和试卷分析表 2013.7
大学生接触媒体状况调查