嘿,朋友,你问网站视觉设计这事儿啊?

咱今天就唠唠。

说实话,我做这行好些年,看过太多好看的网站。

但好看,没用。

网站这东西,不是画儿,是工具。

你懂我意思吧?

工具就得顺手,看着舒服,用着痛快。

那怎么才能让网站看着顺眼,用着顺手呢?

哈哈,来来来,我跟你掰扯掰扯。

先说说,你得把网站当成一个人

对,一个人。

有脸,有身材,有气质。

脸就是配色,身材就是布局,气质就是交互。

说白了... 你说一个人,脸蛋再漂亮,胖得跟球似的,走路还摔跤,你喜欢吗?

肯定不喜欢啊。

网站也一样。

配色不能太花,花里胡哨的跟夜店似的,晃眼，我怀疑...。

一般别超过三种主色。

什么鬼？ 黑白灰打底,再加一个亮色点缀,比如你们的品牌色,就够了。

这是规矩。

别瞎搞,别弄个荧光黄配大红,那玩意谁受得了啊?

眼睛都要瞎了。

布局这事儿,咱得讲究个“留白”

留白不是空着。

留白是呼吸。

你看那些大牌网站,苹果啊,无印良品啊,哪有什么密密麻麻的?

人家都是大片的空白,内容就那么一丁点儿。

但是你看上去,舒服。

为什么?

主要原因是信息不炸。

可以。 你想想,你打开一个页面,满屏都是字,都是按钮,都是图片。

你的大脑是不是瞬间就当机了?

对,用户也是人,也会当机。

所以,把内容分开。

重要的放前面,次要的往后靠。

功能相近的挨一块儿。

别把订餐按钮和联系 图片,这是个坑,要小心 图片清晰就好,别太大。 太大加载慢。 慢,用户就跑。 你说你图片拍得跟电影大片似的,后来啊等了三秒还没出来,用户早去隔壁了。 害,现在的人,耐心就三秒。 所以图片得压缩。 什么格式? WebP啊,JPEG啊,别用PNG当背景,那是找死，一言难尽。。 还有就是,图片别飘,别乱飞。 说句良心话,有些网站,图片动来动去,跟抽风似的,我看了头晕。 动效可以有一点点,但得克制。 像那种鼠标划上去,图片微微放大,有点小变化,就够了，盘它。。 别整那些花里胡哨的转场,用户没空欣赏。 字体,说实话,很多人不重视 但字体特别重要。 对吧？ 你用个宋体,把字调成九号,密密麻麻的,谁看啊? 字体要大一点,至少16号。 行间距也要宽,别挤在一块儿。 你得让用户读起来不累。 有些网站,正文用那种草书,说是艺术。 艺术你个头啊,根本看不懂。 用户是来获取信息的,不是来看你秀书法。 所以,排版要清晰,该加粗的加粗,该变色的变色，恕我直言...。 但是别滥用,全篇加粗等于没加粗。 速度,速度,速度 重要的事情说三遍。 一个网站,做得再好,打开慢,那就是垃圾。 用户不会在乎你的设计理念,他只在乎我点了一下,你什么时候给我出来。 出来慢了,他就骂你,他就走。 怎么快? 代码简洁,图片压缩,服务器好。 别用那些乱七八糟的插件,一个网站挂十几个插件,不慢才怪，摆烂。。 往往.…. 对了,有人说,百度不收录我的网站,是不是内容有问题? 啊对对对,你问的这个,我正好说一下。 很多人问“为什么百度不收录”? 害,原因多了去了。 一句话概括... 你网站加载慢,百度的蜘蛛懒得爬,爬不动,就不收录。 这跟视觉设计也有关。 你图片没压缩,代码太冗余,蜘蛛进来一看,这么乱,走了。 所以说,速度是基础,没有速度,其他都白搭。 再说说交互吧 交互,就是用户怎么跟你网站互动。 比如点击按钮,有没有反应? 你点一下,卡住了,没反应,用户就会怀疑网站坏了。 所以,哪怕是一个简单的点击,都要给反馈。 比如按钮变个色,或者出现一个加载动画。 别让用户干等。 还有,导航要清晰。 用户想去哪,一目了然。 别整那些深层次的菜单,点三层才看到内容,谁有那耐心? 最好就是,首页就能看到核心内容,或者导航栏直接链接到主要页面。 移动端,这是大头 现在的人,谁还用电脑看网站啊? 全是手机。 所以,移动端优先。 你设计的时候,先想手机怎么展示,再去 成电脑版。 手机屏幕小,所以内容要精简。 别把电脑上的内容直接搬过来,那会挤爆的。 图片要自适应,字体也要自适应。 按钮要大一点,方便手指点。 有些网站,按钮做得很小,我手指头都按不准,气死我了。 还有就是,手机上的交互,别太复杂。 滑动,点击,就这两招,够了。 别整什么拖拽,旋转,那不适合手机。 没耳听。 相关推荐,这个功能很实用 你想想,用户看完一篇文章,正想找下一篇。 你推荐一个相关的,他可能就继续看下去了。 这样能提升访问深度,也能增加转化。 但是,别瞎推荐。 你推荐的内容,跟他当前看的八竿子打不着,那就没意思了。 比如他在看怎么减肥,你推荐一个火锅店,那不是找骂吗? 所以,算法要智能点,内容要相关。 极度舒适。 还有就是,底部可以放一些热门文章,或者最新文章,增加粘性。 颜色搭配,我再说两句 颜色能影响情绪。 蓝色,让人感觉冷静,平安,很多科技公司都用蓝色。 红色,让人兴奋,冲动,所以购物网站用得多。 绿色,自然,健康,适合养生类网站。 你得根据你的行业来选颜色。 别随便用。 还有就是,对比要强。 文字和背景,颜色反差要大,不然看不清。 比如白底黑字,清晰。 黄底白字,那就瞎了。 说实话,有些设计师,为了好看,用淡灰色字配浅色背景,以为高级。 高级个屁,根本看不清,用户得把屏幕亮度调到最高才能看。 那是折磨用户。 再说说,咱说说“形敢神聚”这事儿 你看我跟你聊,没用什么专业术语,就是掏心窝子说。 别在乎那些花架子,要注重实质。 用户来了,能快速找到他想要的,能看舒服,能点得开心,这就是好设计。 你非得弄个什么3D效果,交互炫技,后来啊用户连按钮都找不到,那是本末倒置。 所以,记住: 图啥呢？ 配色稳一点,布局松一点,图片小一点,速度快点,字体大一点,按钮大一点,导航明了一点。 做到这些,你的网站设计就成功了一半。 对了,你还得经常检查,更新 网站不是一锤子买卖。 你今天做好了,明天用户就变了。 所以,要持续优化。 看数据,看用户行为。 哪个页面跳出率高,那说明有问题,得改。 哪个按钮点击率低,那说明设计得不对,得调整。 还有就是,内容要更新。 你网站内容老是不变,百度的蜘蛛也不喜欢来。 说到这个,有人又问了“为什么百度不收录”? 可能还主要原因是你的内容质量太差。 全是复制粘贴的,或者没有原创价值,百度不喜欢。 你得写点有用的,独特的,别人才会看,百度的蜘蛛才会来。 说实话,我见过很多失败的网站 都是主要原因是太注重形式。 老板说,我要一个炫酷的首页,我要一个动感的效果。 后来啊,炫酷是炫酷了,用户打开慢,页面也晕。 你知道那种感觉吗? 就像一个美女,打扮得花枝招展,但你跟她说话,她半天才回一句,你觉得棒吗? 不棒,你会觉得她有点傻。 网站也一样,外表好看,内心空洞,速度慢,交互烂,那就是个花瓶。 再说说,收个尾 做网站,就跟做人一样。 要真诚,要实在,要对用户好。 划水。 你为用户着想,把体验做好,用户就会留下来,百度的蜘蛛也会多来。 慢慢积累,你的网站就会越来越好。 别着急,慢慢来。 害,说了这么多,你记住了吗? 哈哈,记不住也没关系,先把核心的几点做到就行了。 剩下的,咱们下回再聊。