如何让网站变得体验更好

本贴最后更新于 1439 天前,其中的信息可能已经天翻地覆

根据自己的经验和当前流行的设计趋势,总结如下

字体

使用优质字体,能让阅读给为舒适,这个是最简单直接的却又是重要的体验之一。
但字体不超过 3 种否则会显得杂乱。
body 的字体大小为 最小 16px。
标题要大、粗,20 至 30 像素,让它看起来“重”一些。

配色

一般设计理论上使用互补色或者三色组,不超过 3 种颜色。不要使用纯黑色、浅灰色
现在的趋势是:去除颜色。当然得有主题色,显示突出,突显内容,其他的用黑白色。
(像知乎这种,以蓝色为主色,或者简书这种黑色为主色暖手基调的风格我就很喜欢。)

布局

布局这个各种理论就太多了。
但不管什么样的作品,你会发现有一个共同点:不会密密麻麻的布局会让人透不过气,而是更多的留白,主要的内容能够吸引眼球。

图标

使用 SVG 代替图形
使用图标字体代替按钮,推荐 Font Awesome

先这么些,欢迎大家交流补充。

赞助商 我要投放

10 回帖
请输入回帖内容 ...
  • yangyujiao

    logo

  • R

    @yangyujiao LOGO 啥意思

  • yangyujiao 1 赞同

    @R 我看一个网站或者一个系统,很喜欢看 logo 长得好不好看。不好看的,就会让我对这个网站的印象打折。

    是不是很任性。。。

  • R

    @yangyujiao LOGO 也很主要,不任性,哈哈

  • 714593351 1 赞同

    我对字体的印象比较深,好看的字体,会更加吸引我。。

  • R

    @714593351 同感,其实就是文字阅读起来不费力,很重要的体验。

  • Vanessa

    字体完全没有啥研究呀。求指导。 16 会不会太大了。

    图标字体代替按钮 是啥?

  • R

    @Vanessa
    是我表达错了
    16 主要用在文章正文
    不大的,简书的文章正文是 16
    GitHub 内容是 16 https://github.com/b3log/symphony/blob/master/README.md

    图标字体,你百度下 Font Awesome 就知道了,就是用字体来代替图标,加载速度快一些。

  • Vanessa

    @R 你正文说的不是代替图标,是代替按钮呀?如果是图标的话,社区现在就是用的 font icon。

    呃,我们的字体还是 14,以前 16 , @88250 闲大了,才调小了一次。

  • R 1

    @Vanessa
    图标或是图标按钮。。。是的,现在社区就是这样的,这个是个交流贴,不是针对社区的。。。
    字体一般都是 14、16,我个人觉得 16 好一些,小于 16 看长文眼睛太累。
    PS,感觉社区的标题太小了~

请输入回帖内容 ...