1、使用不合理的模板
使用模板真的是一件非常方便的事情。大企业用模板没什么意义,但初创企业用BootStrap做网站绝对情有可原。使用Bootstrap模板作为基础,在设计师的帮助下定制品牌和企业气质,其实是一个非常好的主意。如果沟通的好,最终可能会呈现一个非常好的网站,这也是对企业产品和服务的一个很好的加分。
但你遇到的最常见的问题是,模板无法与品牌本身的视觉设计相契合,LOGO中使用的颜色和品牌中特有的字体无法与网站形成高度匹配。
但如果你在这里真的有困难,尽量选择各方面都更贴近品牌形象本身的模板,尽量减少疏离感。
2.使用默认外观
与中文网站不同,英文网站很容易使用各种字体。如果用Bootstrap、Wordpress等工具创建网站,但只使用默认设置,骗不了任何人,大家一眼就看出你懒。——连字体都是默认的Open Sans。Wordpress的默认外观也是如此。如果不打算在视觉上把自己和别人区分开来,对品牌的损害是显而易见的。
当然,如果能善用字体和Font Awesome等CSS工具,也会有铁打金的奇效。通过增加图标库和样式,可以使Bootstrap等系统具有美观一致的视觉语言。
毫无疑问,这些精心制作的原创图标自然比系统内置的一般图标要好。如果你有自己的想法和想法,为什么不去寻找更个性化、更符合你品牌调性的图标、插图和字体呢?可能时间成本和实施成本并没有你想象的那么高。
3.排版对比的问题
排版字体的问题远没有大多数非设计师想象的那么简单。文字和字母看似简单,却能做出很好的设计或者破坏整个布局。
在很多“自制”的网页中,最常见的问题是标题和正文字体的对比度低,整个页面的信息层次不明显。仅仅调整字体大小不足以构成对比。标题字体的字体粗细要大于主体的字体粗细,即字体要粗一些,以保证醒目,容易被眼睛注意到。
4.使用深色背景
虽然背景在网页的底部,但它实际上占据了网站的最大部分,用户看到网页的第一时间就会感受到。仔细选择背景颜色很重要。长期以来被证明的一条规则是,除了真正的专业设计师制作的网站,黑色调的网站是不能看的。使用白色作为基本背景色是非常安全的,但是大多数设计师会选择浅灰色作为底色。值得注意的是,网站灰度越高,黑字可读性越差。为了保证网站的可读性,灰度要保持在15%以下。
5.多层次行为调用
行动号召(Call To Action),通常称为行为号召,一般是指引导用户做你想让他们做的事情,注册账号,点击按钮等等。在网站页面,应该只有一个主要的行为调用。你要知道强迫症患者比你想象的多。如果没有重大的、单一的行为调用,用户会感到困惑,需要很长时间才能做出决定,才能采取行动。当然,有些用户会直接关闭页面离开。
把所有东西都放在页面上和什么都不放在页面上的效果是一样的。去掉多余的部分,过滤掉最重要的东西,让用户做最重要的事情。无论是注册还是打开购买链接,把最吸引人最有意义的按钮放在最显眼的位置,把注意力放在最重要的事情上。
6.对齐和空白
可以毫不夸张地说,留白和间距是一门艺术,在视觉元素周围不要留太多间距,留足空间是设计最难的部分之一。介绍留白和排版技巧的文章太多了,但如果不想记住那么多复杂的技巧,我推荐一个简单有效的方案:第一步是保证所有元素合理恰当的组合,第二步是在这组元素之外给足留白.
7.不专业的文案
写好一份文案不是一件简单的事情。但是,你需要通过网站呈现你需要表达的东西,尤其是当你想通过网站卖东西的时候。这种情况下,你需要让你的文案通俗易懂,认真校对,保证内容的正确性和准确性,避免拼写错误。
经常在网上看到一些极其尴尬的文案,会给人一种网站还处于原型阶段的粗糙感觉。在网站上线之前,找一个有相关经验的朋友浏览全站是个不错的选择。
8.可读性的问题
再好的文案,看不清也救不了你的生意。很多小细节会影响网站文本的可读性,直接或间接影响你精心准备的内容,让读者难以顺利感知。
要解决可读性问题,有很多值得注意的问题。如果行高太低,会使文字难以阅读。字体太小是许多用户的障碍。阴影、斜体等效果往往会影响可读性(尤其是中文,繁体中文更严重)。如果色彩对比控制不好就更是灾难性了。虽然这些问题有些不太严重,但可能不会对大部分用户造成太多障碍,但会让用户怀疑你的专业性。9.一致性的问题
你要时刻保持产品和品牌的一致性,从品牌设计和网站设计到社交媒体、包装、广告都要有品牌认知度。
但是,在实现这些雄心勃勃的目标之前,退一步看,你有必要让网站本身与自己保持一致。你网站的字体风格是否一致?LOGO上的品牌颜色和网站的配色对应吗?网站各元素的阴影风格是完全一样的,还是“看起来很像”?通常只需要仔细清理你的CSS样式表,就可以解决很多一致性问题。
10.反潮流设计
不管你喜不喜欢,伪物化设计已经离我们远去。在当前的网页设计中,很少使用厚阴影和大跨度渐变颜色。比起在3D特效中寻求创意,我们还不如拥抱平面设计准则。