`
runfeel
  • 浏览: 927395 次
文章分类
社区版块
存档分类
最新评论

7个让Web页面布局成为败笔的设计误区

 
阅读更多

虽然Web设计领域已经步入了产业化方向但是开发一个网站仍是技术和艺术的结合。网站的设计既可以为其带来大量流量,也可吓走大量用户,这些无疑取决于设计师的设计水平。经验、天份和能力是一个设计师最强大的工具,好Web布局完全基于这些当然,这也是一个非常耗时的工作。

设计一个好的布局是件不容易的事情,而且对布局的判断也非常主观。一个设计可能能够取悦你,可能让人厌恶。尽管如此Web设计中还是有一些“久经考验”的设计误区。

为了帮助设计初学者少走弯路,我们整理了一份列表供大家参考

1.缺乏空白区域

没有比把页面塞得像麻袋一样满更让人讨厌的设计了。你应该在页面上保留一定的空白让访问者可以放松他们的眼睛。很多设计者都想在首页提供更多的内容。似乎初学设计的人更容易犯这个错误,但其实各个设计水平的人都有这个倾向。设计者太依赖于布局而不敢尝试其方式。有时候,最简单的因素胜于一切。

2.糟糕的颜色组合

糟糕的颜色搭配绝对是最吓人的。一个很常见的错误就是使用高对比颜色,藉此来创建一个富有视觉张力的设计。

对比色的设计大部分是为了突显某一部分,也许你可以尝试使用一种颜色而通过不同的色调及饱和度来实现。这里有一个小技巧非常不错:降低你的文件饱和度,直到各个元素之间的区别非常清晰。其思路非常简单:视觉没有问题的人可以非常清晰地看到各个元素,有视觉问题的人将看到黑色、白色或者灰色的布局。接下来就简单了,如果他们查看布局颜色没有困难,那么便可提交无障碍测试了

3.个页面里包含了太多的内容

这听起来似乎与第一点类似,但是在一个页面中也可能同时拥有很多空白区域以及大量信息。通常人们浏览网站时先扫上几眼,因此设计人员应该让整个布局更加清晰。一个充斥着大量信息而又插入太多图标、按钮或是图片的网站,将会非常难以浏览,会让网站的易用度大打折扣,对用户来说也是不友善的

4.图片使用不当

一图抵千言,但是如果使用不当的话,你的布局设计就失败了。文字、布局和图片应该融合成一体,它们并不是分离的。任何Web设计人员都应该理解创意并且有效的实现。图片应该能有效地说明网站需要表达的信息,这在设计需要考虑

5.忽略字体排版

仅仅因为文字太多认为其过于平凡琐碎就忽略字体排版是一个非常大的错误。字体排版不是一个简单的如何选择字体的过程,它还包含了句子、段落及标题的组织方式。你可能想这里需要做的工作太多了,但是一个富有成效的设计将会对页面布局产生非常重要的影响。

6.没有考虑到可性和所有人的使用感受

Accessibility可能被很多人认为是一多余的事情,但是一个未完全实现无障碍标准的网站是一个自私设计者的作品。网络世界对于任何人都是平等的,如果你的设计不能让每个人都能享受到,那么将会是一件很不尊重人的事情。美国有一项法规规定:任何机构和部门的网站都必须通过WebAccessibility测试。实际上可性并不是个高科技的东西。例如,你只需要简单加上alt标签属性,这并不会给你带来任何麻烦。这里用不着遵循什么法规,从道德和道义上来讲,我们应该自觉地将这个考虑到设计中去。

7.没有事先思考

由于缺乏经验,我们可能需要不停地修改自己的东西。滑稽的是,我们可能晚上设计的东西,第二天可能就会被推翻。聪明的设计者会在开始便思考整个布局。这可以节省很多时间和资源。很明显,在实际做之前思考是一件很不容易的事情,但是至少能够帮助我们少些去修改许多设计。不用担心,经验可以帮助我们做到这一点。

分享到:
评论

相关推荐

    败笔3.0源码(个人)

    "败笔"可能是项目名称,而"3.0"则代表这是该系列的第三个主要版本。源码是程序的原始代码,它揭示了软件的内部工作原理,允许用户查看、学习、修改和分发软件。 【描述】"ghost 3.6 源码 玩远控的一种"表明这个...

    败笔VIP远控3.0源码

    在"败笔VIP远控3.0"这个特定案例中,源码可能包含以下几个关键知识点: 1. **网络通信**:远程控制软件需要实现客户端和服务器端之间的通信。这通常涉及到TCP/IP协议,可能包括socket编程,以建立和维护稳定的数据...

    软件开发安全性设计培训

    软件安全的七个接触点分别是:软件安全的概念、安全漏洞、风险管理框架、安全开发生命周期、软件安全的七个接触点、安全设计原则、安全测试技术。 软件安全问题加剧的三个趋势是互联性、可扩展性和复杂性。互联性是...

    中考语文满分作文上帝的败笔

    【中考语文满分作文《上帝的败笔》】这篇文章揭示了一个深刻的人生哲理,即面对生活中的困难和不完美,我们应该选择积极的态度,用快乐和自信去应对。文章通过引用教师的话语,强调了“上帝的败笔”是人生中不可避免...

    “弯曲门”牵头,细数苹果史上七大败笔

    本文将详细分析“弯曲门”事件以及其他六个苹果历史上的重大败笔,探讨这些问题对苹果品牌的影响及其后续的应对策略。 首先,“弯曲门”是苹果在推出iPhone 6时遭遇的重大挑战。为了追求更轻薄的设计,iPhone 6的...

    初中语文文摘文苑败笔

    这个故事虽然名为“初中语文文摘文苑败笔”,但它其实是一个关于艺术鉴赏和创作的故事,而非直接的IT知识。然而,我们可以从中提取一些与信息处理、决策制定和价值判断相关的抽象概念。 1. 细节的重要性:在姥爷的...

    企业培训四大败笔

    一个有效的培训体系应该包括入职培训、技能提升培训、领导力培训等多个阶段,逐步提升员工能力。同时,定期评估培训效果并调整计划,以适应企业变化和发展。 败笔三:忽视员工参与度 培训过程中的互动和参与至关...

    无名良品分销注定失败 剑挑4败笔.docx

    首先,无名良品在分销流程设计上的不足成为其失败的关键因素之一。商户反映,由于缺乏网上零售经验,无名良品的分销流程设置并不符合电子商务的实际需求。复杂的分销链路,使得供货商与分销商之间的沟通出现问题,...

    乔布斯生前最大败笔:iAd.docx

    然而,iAd并未如预期般取得成功,反而成为了乔布斯生前的一大败笔。 乔布斯对iAd的控制欲是其失败的主要原因之一。他的强烈掌控力导致iAd在设计和实施上过于严格,限制了广告商的创意自由,无法满足广告业界的需求...

    2003年十大营销败笔.exe

    2003年十大营销败笔.exe

    初中语文文摘励志蒙田的败笔

    初中语文文摘励志蒙田的败笔

    福特汽车公司的败笔案例分析报告.doc

    福特汽车公司的败笔案例主要集中在1957年推出的埃德塞尔汽车项目上,这是一个旨在打入中等价格市场的战略决策。然而,尽管进行了长期的市场调研和巨额的广告投入,埃德塞尔汽车最终并未达到预期的成功,反而成为了一...

    【吐槽】盘点2014年新车科技十大败笔

    文章列举了2014年新车科技的十大败笔,具体包括: 1. 假冒排气声:一些汽车通过音响系统模拟发动机声音,被批评为科技的浪费。 2. 愚蠢的汽车功能指示灯:过于复杂的警告系统可能导致误报,给车主带来困扰。 3. ...

    基于西门子PLC的花样喷泉控制系统毕业设计.doc

    例如,方案设计上的盲目,导致作品成为败笔,使作品难于长久保存。细部设计的不合理,直接影响作品效果。质次价高的伪劣产品直接影响着有关厂商和公司的信誉。节能、节水、环保问题应引起足够的重视。 基于西门子...

    java中慎用继承 以及java中的stack的败笔

    Java编程语言自1995年发布以来,已经成为全球开发者广泛使用的编程工具,其设计理念和特性不断进化和完善。然而,如同任何技术一样,Java在设计过程中也存在一些争议和值得探讨的问题,其中之一便是继承的使用。本文...

    雷军回顾人生败笔:坚持WPS错过整个互联网.docx

    雷军回顾人生败笔:坚持WPS错过整个互联网.docx

    《苏州园林》阅读练习及答案精练.doc

    7. “图画”是文章的线索,贯穿全文,通过这一概念将苏州园林的各种元素和设计理念串联起来,让读者对园林的美感有更直观的理解。 8. 通过对比古代宫殿和一般住房的对称性,以及苏州园林的不对称设计,作者强调了...

    2011届初中毕业班说明文课内阅读.doc

    - 近景远景的层次:通过空间的层次设计,让观赏者在不同位置有不同的观赏体验。 4. “败笔”一词的含义:在文中指的是园林设计中的不足或不和谐之处,影响了整体的美观。 5. 句式变换分析:将划线句子改为单列的...

    阿里新推88VIP会员,两大败笔或影响长期策略.pdf

    阿里新推88VIP会员,两大败笔或影响长期策略.pdf

    web-starter-kit:带有样式系统,graphql-hooks,mobx和nextjs(PWA)的实用入门工具包

    根据我作为前端开发人员的经验,CSS一直是Web堆栈的败笔,大多数人低估了CSS并倾向于避免学习它,这并没有帮助浏览器鼓励您编写不良CSS,“如果可以,那么“最正确”是大多数团队的主导思想。 CSS并不简单,也不是...

Global site tag (gtag.js) - Google Analytics