设计上的错误是我们无法避免的,它可能发生在任何设计师的身上(即便是大师也一样)。也许你正在试图尝试快速的完成一个设计项目,或者你此刻正在为一个复杂的网站设计而日夜工作,只是其中有些需要注意的点被你给忽略了。但是,一旦你发现并注意到它们,你必须修复他们,立即。
一些设计错误可能会破坏你的内容,导致用户放弃继续停留在你的网站,或失去对你提供有用信息的信任感。如果你不及时修正可能很难恢复他们对你的信任。不过,今天你不用感到困惑,因为今天的每一个提示都有一个来自Design Shack图片集中的实际的设计例子,希望能够帮助你找到你现在应该避免的错误!
1.潦草的字体
在排版方面,最常见也是最广泛的“问题制造者”就是空间。行间距或首行缩进、文本包装中的空格量是常见的“违规者”。尽管在有时你会看到很多的排版上面已经有很大的空间预留了,但更常见的问题是文本却没有足够的呼吸空间,使设计会让人感觉很混乱,难以阅读。
对于大多数权重高的文本内容来说(试着想想主内容区的文本内容),常用的网格公共线间距约为刻字大小的百分之十二至百分之一百五十。对于那些更小的文本内容来说,你甚至可以在增加一些额外的行间距,以确保它在那些小屏设备上仍能保持高可读性,比如移动设备上。
这么做的诀窍在于,设计师需要充分考虑到用户如何才能在不同的媒介上获得最舒适的体验,其中文字需要容易阅读,并能够很自然的按顺序“自然流动”,而不会让眼睛感到疲劳。距离太远的文本可能与距离太近的文本在问题的处理上面临同样困难。
当谈到文本的设计包装时,请遵循相同的一般规则。对于包装的相关元素,请考虑使用镜像行间距规则。这样一来,一切都会有一致和统一的感觉,可以表明元素是相关的,同时也增加了文本的可读性。
正确示范:House of Khlebny
2.一切都保持相同的大小
所有放置图片、照片的区域大小相同、所有文字大小相同、所有按钮的大小相同,虽然这能够保持很好的一致性,但却使得你的网页设计整体变得单调且无聊。
尝试在你的网站设计中混合几种不同的元素类型、或大小和比例,这样,你可以在不丢失一致性的情况下,同时有助于吸引用户的注意力并创造视觉兴趣。
你能做的最好的事情之一就是考虑相框内的照片比例。每个页面上的主视觉标题可能会有相同的大小,但是如何将照片放在框架中可以是以不同的方式来实现的。通过缩放图像可以营造一种远近的感觉,看起来更小,产生更少的视觉重量,会让你觉得图片是在远离你的位置上;使用贴近距离的组合可以使事物看起更靠近以及更大。没有改变实际的大小(甚至未改变网站设计样式或模板),你已经创建了不同大小的东西。
正确示范:Brooke Promiitz
3.忘记层次
用户如预期一样来到你的网站来寻求他们需要的信息或具体的行动实践。你要做的是使你的网站设计能够让他们轻松地使用导致此操作的元素的不同层次结构。
网页设计中往往最大的元素应该是最重要的,并且设计师通过缩小不太重要的内容来突出这种对比。通过对信息的主次轻重进行排名和分组,使用户可以轻松阅读并理解。
然后,为了一致性,将你的层次结构转换为一组规则。这样一来,标题总是看起来像标题,按钮遵循相同的布局,大小和交互规则。所有这些小事情将使整个网站设计更容易让用户参与。
正确示范:Ragnar Theme
4.忽视基础
你有多少次遇到以下这种情况:访问一个网站,尝试点击一个链接,却什么反应也没有,什么也没有发生?有或者是找一个电子邮件地址或联系表单却在整个网站设计中找不到一个?
不要忘记在设计中照顾所有的最基本的元素,并确保它们能够被用户及时的找到。注意导航,搜索和页脚。
这些位置之所以如此重要,原因是这些领域包括更新的链接和信息,用户期望这些元素具有某种类型的体验,如果不存在,可能会很容易有受挫感。同时,它还为你的网站提供可信任度——破碎的链接或没有联系信息可能导致用户的不信任。
正确示范:Anagram Paris
5.太多“话”了
编辑你的文本内容,先将其放在一边,然后再次进行编辑。
许多网站设计面临的问题是它们使用太多的文本内容来解释简单的事情。一个好的、用户体验最佳的网站设计语言应该清晰简洁,以避免用户没有过多的注意力注意这些繁琐的内容。
尝试在你的网页设计中使用活跃的描述性词语与用户进行最佳的交谈。为可操作的项目提供明确的说明,告诉用户准确地操作以及接下来会发生什么。
这种清晰的书面形式将有助于让用户感兴趣并浏览文本内容。
正确示范:A is for Albert
6.分辨率差
应避免任何形式的低质量图片。随着科技以及显示设备的发展和更新,许多用户正在使用高分辨率的设备,当然,你的网页设计也成了需要经受考验的对象。从平板电脑上的“视网膜屏”技术到能显示每个像素细节的显示器。分辨率差的图像会摧毁任何的设计。
避免这种情况发生的诀窍在于,当你在进行你的网站设计时,你需要开始反思你对文件大小和压缩的了解。尽管这些事情是非常重要,但目前来看规则有所改变,更大的文件变得越来越标准,大多数互联网连接可以处理负载。
现实是这样的:如果你不能使用清晰,干净的图像的话,那么请尽量别使用图像。你的网页设计在视觉第一印象会告诉用户很多信息。一个糟糕的“门面”形象可能会让用户觉得——你不在乎,不可信,或者只是不考虑质量。确实,这些不是你希望用户在访问你的网站设计时想到的事情。
正确示范:Orsolina 28
7.太多技巧
过多的使用矢量插图,使用太多的照片和阴影效果或动态图标等一些常见的设计技巧,会导致分散用户在设计中的消息处理。任何以视觉原因存在的设计技术都可以被认为是一个技巧——不寻常的颜色,动画,奇怪的照片组合和插图都是设计技巧。
它们可以成为帮助创造兴趣和参与的有效工具。
当我们谨慎使用,仔细衡量的时候。
请尽量不要过度使用它们。例如,一个很好的矢量插图在网页设计中可以是一个很好的工具,但是如果插图的部分被切碎,并且在设计上到处都有插图,它可能会分散注意力。一个“大技巧”往往比许多“小技巧”更有效。
正确示范:Wokine
总结
如果你犯了这些设计错误其中的一个,不要气馁。每个设计师都会发生这些大大小小的错误,重点在于你是否想到办法来补救你的网站设计,使其恢复良好,你的内容就是安全的。
这不需要通过重新设计来纠正这些错误。设计中的一些元素调整就足以清理和简化常见的设计错误。第一步是审核你的设计,以找到需要特别注意的地方。祝你好运
----图文来自:design shack
----由深圳网站建设公司-Clh翻译编辑整
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
更新日志
- 群星《狂潮》夜店中文爆嗨重低音 黑胶碟2CD[低速原抓WAV+CUE]
- TraditionalMusicEnsembleofTheBNMA-BuddhistMusicoftheMingDynasty(JVC-Japan)[FLAC]
- [中国唱片]中央乐团交响乐队《绝烧HIFI典范》[WAV+CUE]
- 群星《2024好听新歌41》AI调整音效【WAV分轨】
- 张学友《吻别》MQA-UHQCD 日本压碟[原抓WAV+CUE][1G]
- 许嵩《寻宝游戏》[WAV+CUE][951M]
- 李玉刚《刚好遇见你》[WAV+CUE][970M]
- 罗文《国语精选》24K金碟限量版英皇娱乐[WAV+CUE][955M]
- 证声音乐图书馆《摇滚乐 海滩假期》[320K/MP3][50.75MB]
- 证声音乐图书馆《摇滚乐 海滩假期》[FLAC/分轨][273.06MB]
- 群星《情系民歌LP黑胶》2CD[WAV+CUE]
- 串烧歌曲《台语发烧热唱1国语发烧热唱2》2CD日版[WAV+CUE]
- 珍藏金碟《杭天琪演唱专辑》[WAV+CUE]
- 证声音乐图书馆《花火 日系爵士会》[320K/MP3][2024]
- 证声音乐图书馆《花火 日系爵士会》[FLAC/分轨][343.98MB]