独立站设计是否重要?当然重要,虽然我们不能做到五星级酒店高端大气的网站出来,但是我们努力一下还是可以做出小而美、简洁的网站,如果你连小而美都不想做的话,你的网站就像混乱拥挤的菜市场一样,喜欢你的人可能会很少。
那么如何提升独立站的设计感呢?这里分享给大家10点技巧
字体
字体是一个网站最重要的展示,因为文字是最多的视觉载体,选一个好的字体对于一个独立站来说太重要。
幸好,我们的英文独立站有强大的免费谷歌字体支撑,我们有很多种可以选择,谷歌字体截止目前已经有1048种字体可以选择,我常用的字体有Open sans / Lato / Montserrat等,另外谷歌字体还支持中文,但是很遗憾,目前谷歌字体在国内无法加载。
字体粗细与间距
除了字体选择以外,文字还可以调整粗细,也就是font weight,分成9个等级100-900,100最细,900最粗,一般400或500可以做为文本字体,700-900可以做为标题字体,利用字体的粗细可以区分标题与文本,能有明显的对比。
除了字体的粗细之外,文字之间还可以设置行距与字距,行距就是一行一行的距离,通常可以设置为1.6-1.8,字距设置的比较少,就是字母之间的距离,一般情况下,你的网站走的是高端大气的风格才会拉大字距。
对齐
一段文字可以设置对齐,整齐划一的排版会让网站看起来更简洁,文字的对齐可以设置居中、居左、居右和两端对齐,这里还是提一下英文吧,两端对齐就是justify,不过通常使用居中和居左比较多,因为符合人的阅读习惯。
留白
国画最重要的一个要素就是留白,你看古人,随便用毛笔涂抹一圈,就勾勒出了美妙的山水画。
同样,网站也尽量使用留白,每个段落之间,我们也叫section,尽量留出多的空间,让访客的更能集中注意力放到你的描述上,不要把上段section和下段section挨的太近了,眼睛会紧张的。
配色
当我问你阿里巴巴是什么颜色的时候,你想一下,能回答出来是橙色(or黄色),那微信呢,绿色,百度呢,蓝色,这个就是配色的魅力,他能代表一个品牌。
所以独立站一定要选一个主色调做为配色,让别人看到颜色的时候也能想起你,除了选择主色之外,我们还需要找多个辅助色,例如黑色白色等都是除了主色之外的辅助色。
图片
我们之前的文章已经谈到过了图片,要么找人拍,要么买商业图。
对比
前面文字的时候,我们提到了对比,这里多补充一点,通过设置文字的大小与粗细,将标题与文本区别开来,是一种最直接的对比。
还有一种对比就是主色和辅助色的对比,比如网站要加入两个按钮,一个是询盘按钮,一个是产品链接按钮,你要突出询盘按钮,就把询盘按钮设置成主色,把产品链接按钮设置成辅助色,这样也是一种对比。
动画效果
网站动效有很多种,不过我们常用都是CSS动画,因为CSS动画比较简单易懂,还有一种动画是JS动画,这个需要一定的代码基础才能学会,所以我不太建议大家使用。
最简单的动画效果就是鼠标悬停动画,把鼠标移动到一个按钮上的时候,按钮可以出现变大,变色的动画效果,这个效果也算一种对比,与普通的文本区别开来,告诉访客,这个按钮可以进入下一步操作。
提升设计审美
除了掌握之前的几个要点外,独立站想要提升设计感,你很重要,你需要提升你的审美,所以平时要多积累设计素材,多看好的设计案例,这里推荐几个网站:
- 站酷
- dribbble.com
- behance.com
- pinterest.com
- awwwards.com
以上几个网站有的是设计网站,有的是网站评测,有的是社交平台,但是他们都有丰富的设计素材和案例,让你提升审美,提升设计感。
一对一修改模版
最后一个要点就是,如果短时间内没办法调配好图片、文字等,无法修炼好你的设计感的话,你一对一的修改模版吧,现在建站都有很多模版可以修改,你只要一对一的去修这些模版,不动字体大小,不用动配色,你的网站也可以做出很完美的。
网友评论