哪些常见的影响内容的设计问题需要规避

作者:超级管理员 更新时间:2017-10-30 16:59:17 来源:未知 点击:15642
  1、不合理的排版  排版设计出问题,首当其冲的空间设计不合理。段间距和行间距是文本内容常见的空间控制变量,虽然有的排版会因为间隙过大而显得松散,但是更常见的问题其实是排布布局过于紧密,缺乏呼吸感,
  1、不合理的排版
  排版设计出问题,首当其冲的空间设计不合理。段间距和行间距是文本内容常见的空间控制变量,虽然有的排版会因为间隙过大而显得松散,但是更常见的问题其实是排布布局过于紧密,缺乏呼吸感,这可能会让设计看起来混乱,可读性低下。
  一般而言,对于大段的文本内容,行间距最好是文字高度的120%到150%。对于较小的文本,考虑到移动端的用户使用场景,这个行间距可能还得在提高一些,这样 才能确保舒适的阅读体验。
  但是,不论是怎样控制,核心始终在于确保阅读体验是愉悦而恰到好处的。拥有恰当而富有流动性的排版,视觉上才会令人舒适。间距太大太小都不合适。
  另一方面,整个页面排版的行间距的比例要保持一致,这样能让视觉上更加统一,也能够强化同类、相关元素的关联性,增加可读性。
  2、所有元素尺寸一样
  所有的图片尺寸都一样,所有的文本都一样大小,所有的按钮都一样的样式,这样的“一致”看起来不错,但是实际上会显得更加无聊。
  网页中的许多元素可以一致,但是不能完全一样,这是两个概念。基于不同的需求,不同的位置的按钮尺寸是不能完全一样的,但是它们可以沿用相同的样式,并且设计几个相对固定的尺寸比例,这样也可以更好的控制整个视觉和体验。
  其实这当中,图片在网页框架中的使用就是一个最好的实例。不同页面的首图尺寸是一样,其中的图片如果要应用到不同整个布局其他的位置的时候,直接按比例缩小,其中的元素视觉重量会直接降低,信息传达的有效性也随之降低。最理想的状况,是根据整个网页框架布局的需求,基于原图有针对性地进行切图。
  3、忽略层次
  我们所看到的绝大多数的网页是需要通过精心组织的层次结构来呈现内容的,毕竟网页内容也是遵循 80/20 法则的,20%的内容常常能够拥有80%的重要性。这也使得网页的层次结构如此的重要。
  网页中不同的内容是有轻重缓急的,而这种重要性不论是基于设计的需求还是用户的需求,都是能够进行判断和划分的。与此同时,用户在快速浏览内容的时候,重要的内容应当置于重要的、易于扫视查看的位置。在我们之前的《F式布局》的文章当中,对此有详细的陈述。
  在确定了重要性优先级之后,层次结构的设计思路就可以基本确定了。首图、标题等元素是承载重要信息的载体,而能够引导用户行为的CTA按钮、输入框等元素,则能在交互的层面上,强化内容的效力。所有的这些东西,在设计网页的层次结构的时候,应该系统的考虑。
  4、忽视基础功能
  网页的可用性始终是摆在易用性之前的。我想你也有过这样的经验:打开网页之后经过漫长的等待而网页无法加载;点击一个按钮而没有相应的反馈;想找到网页背后所有者的联系方式,但是在About Us 的页面中一无所获。
  这些基础的工作都需要设计师用心做好。确保网页的基础功能都能够顺畅的使用,正确的反馈,而这些基本的可用性问题,常常出现在搜索框、导航、页脚甚至业务逻辑当中。
  在网页当中,不同类型的元素涉及到不同类型的内容,即使文本和图片也常常带有链接,或者牵涉到特定的功能或者交互,而用户对于这些功能是有预期的。可用的按钮、链接等基础功能,确保了信息的完整性和功能的完整性,只有这样,用户才能信任网页本身。
  5、不够简练的文案
  网页中的文案是需要反复推敲的。
  许多网页在使用文案的时候,不够简练,用户很容易在浏览过程中迷失。人集中注意力的时间始终是有限的,所以,尽量在交互和UI中使用明确、精准的描述性的语言,直接地指引用户,清晰地阐明交互的结果。
  清晰简练的语言文案是维持用户兴趣、推动交互继续的动力。
  6、低分辨率
  清晰度不足的图片绝对是设计的硬伤。现如今的高清的屏幕无处不在,低分辨率的图片在如今的屏幕上无所遁形。
  随着网络的覆盖和带宽的拓展,大尺寸的图片和文件已经慢慢成为标准了。当你需要精准地控制图片尺寸和屏幕分辨率完全对应起来,也可以参考响应式设计,借助断点来控制显示的尺寸。
  当然,最重要的一点在于,使用低分辨率的图片,还不如干脆不使用。
  7、太多机巧
  过多的插画,繁复的特效,太多的设计趋势,当常见的设计技巧和效果在网页上堆积起来的时候,会很容易稀释网页中真正重要内容。不同寻常的色彩,奇特的动画,巨幅的图片,这些真正抓人眼球的元素应该有针对性、有计划地使用。
  它们确实是提升趣味性、吸引用户注意力的重要手段,但是同样需要谨慎使用。
  当你想要使用特定的设计元素、采用流行的设计趋势或技巧的时候,选择一个思路,尽量主次分明。很多时候,一个设计趋势,比三个趋势叠起来更有用。
  转自:http://www.cfgse.com/hyzx/70.html刷360相关搜索,360相关搜索下拉框软件  

友情提示:
a. 回帖是一种美德,也是对楼主发帖的尊重和支持;
     如果通过本帖信息与他人联系,请说明来自推一把论坛! 推一把微信公众号:tui18com
b. 请不要发表违反中华人民共和国法律的内容。本站所有帖子属会员个人意见,与本站立场无关.
    帖子内容版权归属作者所有,如是转贴版权归属原作者所有,其他单位或个人在使用或转载帖子
    内容时须征得帖子作者的同意或注明内容原出处。

推荐阅读

热门内容

揭秘少年黑客:13岁自学穿梭于350个黑

  相较于现实生活中的害羞腼腆,小浩更加...

这家成功复制了小米模式的公司还可以走多远

  2   “小米来了!”近一两年,这四...

百度本地直通车8大细节曝光

  本地直通车是百度公司推出的本地生活服...

双11进入七年之痒,哪些电商平台是陪跑者

  双11,从一开始的阿里独自狂欢,到后...

京东卖假褚橙,刘强东狠狠地消费了褚时健一

  京东上卖褚橙,褚橙说,假的。  京东...

Facebook的广告收入又创新高了

     图片来源:网络  得益于广告业...

小米为登临“双十一”销量冠军,准备使出以

     文/卧竹先生  “双十一”还没...

对抗亚马逊 沃尔玛将出动三千多个圣诞老人

    进入年底,各大商家也开始为购物季...

支付宝推新功能直播“卖肉” 推广生活圈?

       支付宝推新功能直播美女海岛...

周鸿�t出了口恶气 奇酷开始脱离酷派合资

  图片来源:CFP  奇酷公司终于走完...

最新内容

广告的唯一宗旨是卖货,卖货

  其实,名人说的确实都对,但他是站在自己产品或服务角度的对,而我们都拿来当普遍...

哪些常见的影响内容的设计问题需要规避

  1、不合理的排版  排版设计出问题,首当其冲的空间设计不合理。段间距和行间距...

如何编写文章获得更好的排名

  第一选择合适的关键词。利用百度指数或者谷歌的关键词指数工具,选择和文章内容有...

关于SEO如何定义关键词我的一点理解

从事搜刮引擎优化事变已经1年多了,在从前我也是只是做个网站,并未涉及到关于网站搜...

如何让客户信赖你的营销型网站

信赖是成交最重要的基础,只有客户觉得你企业可以信赖,那么成交不是一件难事,许多企...

如何让百度收录热门关键词

百度热门关键词能带来很大的流量,这是大家有目共睹的事情。看看百度指数,如“货架”...

安全性测试分享之SQL注入

  安全性测试是指机密的数据确保其机密性以及用户只能在其被授权的范围进行操作的这...

网站怎样更新文章有利于网站排名呢

网站怎样更新文章有利于网站排名呢网站每天更新多少文章有利于SEO?站长们都知道每...

利用SEO技术来做网站页面优化

网站页面优化可以说是SEO优化最基础的东西,因为一个网站的页面优化直接影响你网站...

LoadRunner 中怎么对日期进行参数化?

  【背景】  今天在51Testing论坛看到这样一个问题:根据一些查询条件,...

网站建设对网络营销推广起到推动作用

在网站推广建设中,一旦关键词选择过于宽泛、匹配模式不够精准,竞争对手恶意点击等等...

OpenStack Rally 性能测试

  注意点:在测试nova,在配置文件里面如果不指定网络id,那么默认是外网的网...

Python Nose框架编写测试用例方法

  1.关于Nose  nose项目是于2005年发布的,也就是py.test改...

如何有选择的对数组进行操作

#includeint a[3] = {1,2,3};int ...

测试微服务之建立测试文化

  这是由来自AWS的工程师NathanPeck发布的“测试微服务”系列文章的第...

影响软件测试人员才能提升的因素

  今天和一位同事谈起影响软件测试工程师获得提升以及获得高新的原因是什么、可能每...

我的疑问

工作有些年头了,但是感觉不出自己有多厉害,顶多也就是经验多了点,而在纯粹的技术领...

如何使用OnCtlColor消息函数对BUTTON设置不同的颜色

本帖最后由martin_tang于2015-10-1823:23:11编辑我的目...

Jmeter接口自动化测试方法简介

软件大小:613KB资源类型:不详授权方式:免费/开源资料   主要内容:   ...

华为一员工因说真话连升两级!质量人,你怎么看?

  话说,职场如战场,什么话该说,什么话不该说,什么场合说什么话......这是...