美文网首页独立站
独立站百科19 为什么你的独立站设计的不好看,如何提升?

独立站百科19 为什么你的独立站设计的不好看,如何提升?

作者: KeenTalk | 来源:发表于2021-03-29 23:22 被阅读0次

独立站设计是否重要?当然重要,虽然我们不能做到五星级酒店高端大气的网站出来,但是我们努力一下还是可以做出小而美、简洁的网站,如果你连小而美都不想做的话,你的网站就像混乱拥挤的菜市场一样,喜欢你的人可能会很少。

那么如何提升独立站的设计感呢?这里分享给大家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

以上几个网站有的是设计网站,有的是网站评测,有的是社交平台,但是他们都有丰富的设计素材和案例,让你提升审美,提升设计感。

一对一修改模版

最后一个要点就是,如果短时间内没办法调配好图片、文字等,无法修炼好你的设计感的话,你一对一的修改模版吧,现在建站都有很多模版可以修改,你只要一对一的去修这些模版,不动字体大小,不用动配色,你的网站也可以做出很完美的。

相关文章

网友评论

    本文标题:独立站百科19 为什么你的独立站设计的不好看,如何提升?

    本文链接:https://www.haomeiwen.com/subject/xmoihltx.html