如何通过10个实用技巧成为更出色的网页设计师？
- 内容介绍
- 相关推荐
喂喂 是不是经常有人凑过来问 “哎你会做网页吗？怎么才能做得好看又好用啊？ ” 别慌 今天咱就唠点实在的——作为一个踩过无数坑、被甲方骂过无数次但依然坚挺的老设计师 掏心窝子给你分享10个实用到跺脚的小技巧
先别急着甩酷炫特效 先搞清楚 “用户到底想要啥 ”
害 我刚入行那会可傻了 总觉得 “特效越多越高级 ” 接第一个单是给奶茶店做官网 首页整了满屏樱花飘落特效+动感音乐+轮播图叠轮播图… 后来啊甲方爸爸拿着数据哭唧唧： “访问量倒是有 但停留时间平均3秒 没人下单啊！ ” 后来改版本才明白——用户进奶茶店官网 第一想知道的是 “附近门店在哪？ 太硬核了。 ” “新品是什么口味？ ” “有没有优惠券？ ” 把这些信息砸在首屏最显眼处 特效什么的放 footer里当彩蛋都行 咱就是说 再好看的花架子 不如一句 “戳这里领5元券 ”实在
颜色搭配别乱堆 和穿衣服一个道理 ——协调比鲜艳重要
算是吧... 记得上次见一同行做美妆网站 主色调用了荧光粉+亮橙+金属银… 我盯着看了三分钟差点犯眩晕症
实话实说 用户审美又不是色盲测试卡 不需要用所有颜色凑热闹 教你个懒人法：选一个主色，可能.….
再配一个辅助色（浅一点同色系就行
accent色就挑一个跳一点但不刺眼の
不妨... 比如奶茶店主色暖棕 →辅助色米白 →accent色浅橘
看着舒服还上档次
对咯 P S里の “取色器 ”快用起来 在好看の图片上吸色 比自己瞎调靠谱100倍，请大家务必...
留白不是浪费空间 而是给用户 “呼吸感 ”
以前总觉得 “网页不空出来就显小气 ”
于是把文字排得密密麻麻
按钮挤在一堆
躺平。 导航栏恨不得塞下二十个选项… 直到有天被资深前辈骂醒：
用户看网页是放松
又不是在玩找茬游戏! 现在改啦—一行文字最多排40个字
段落之间空一行
往往.…. 重要按钮周围留一圈空白… 别说 用户反馈 “终于不用眯着眼睛找按钮啦!”
字体选对 阅读量直接翻倍 别再用花里胡哨の小众体!
上次见某文创网站用繁体书法体做正文
字间距小到能夹死蚊子… 我试着读了三行就放弃了
咱就是说
正文还是老老实实选无衬线字体吧!
比如思源黑体/阿里巴巴普惠体/微软雅黑
清晰又大气
标题可以稍微个性点
但也别超过两种字体
不然看着像字帖展览会…
响应式设计≠越复杂越好 而是 “在哪看都舒服 ”
现在人手一部手机
要是网站在手机上打开字小得跟蚂蚁似の
导航栏挤成一团
完善一下。 那用户分分钟关页走人 之前给服装店做官网
一开始只考虑电脑端
后来啊移动端数据惨不忍睹
别纠结... 后来加了响应式适配：手机上端对齐改成垂直排列
图片自动缩放到屏幕大小
别犹豫... 按钮变大一倍方便点击… 现在移动端转化率比电脑端还高呢~
加载速度慢?
user秒关!
偷偷教你优化图片の trick
害
去年做电商站时犯过蠢
把原尺寸高清图直接怼上去
后来啊手机打开要转三分钟 loading圈…
后来学聪明啦:
① 压缩图片 : P S存为web格式
质量选80%
② 转webp格式 :比jpg小30%
③ 懒加载 :滚动到才加载下面の图
现在加载速度快到同事都问: "你是不是偷偷开娱乐啦?"
交互设计要 "懂事"
别让 user猜你的心思
刚学做按钮时总觉得 "越闪越好"
弄个红色按钮加旋转动画…
后来啊 user点三次都没反应
后来才懂: 交互要直接!
按钮点下去要有反馈
链接下划线 hover时变颜色
表单输入错误直接标红提示
user要の是 "我说点就点中"
不是 "猜不透你的小情绪"呀~
SEO不是作弊
写点有用の文字比刷关键词管用1万倍
好多人以为 SEO就是堆关键词
在标题里写 "最好の奶茶店_全网最便宜_免费配送"…
后来啊被百度判定作弊直接K站
其实吧 SEO超简单:
① 标题党可耻 :标题要写清楚 "是什么"+"好处"
比如 "这家藏在巷子里の奶茶店
喝一口就上瘾!"
② 内容为王 :多写用户关心の问题
比如奶茶店可以写 "全糖三分糖无糖怎么选? ""孕期能喝水果茶吗?"
③ 内链外链 :相关文章互相链接
引导蜘蛛爬更多页面
哦对瞭!!突然想到超多人问の问题: 为什么百度不收录我的网站?
& nbsp;
害 我当初也踩过这坑!!! 下来几个原因:，从头再来。
YYDS... ①内容没价值:复制粘贴别的网站文字 蜘蛛一看就嫌low;
②更新不勤快:三天打鱼两天晒网 蜘蛛懒得常来;
③robots.txt写错:不小心把首页挡起来瞭 蜘蛛进不去还能怪谁?
④链接太垃圾:弄一堆广告链接堆著 分分钟被判定作弊!
记住哦~真诚永远比套路管用!
喂喂 是不是经常有人凑过来问 “哎你会做网页吗？怎么才能做得好看又好用啊？ ” 别慌 今天咱就唠点实在的——作为一个踩过无数坑、被甲方骂过无数次但依然坚挺的老设计师 掏心窝子给你分享10个实用到跺脚的小技巧
先别急着甩酷炫特效 先搞清楚 “用户到底想要啥 ”
害 我刚入行那会可傻了 总觉得 “特效越多越高级 ” 接第一个单是给奶茶店做官网 首页整了满屏樱花飘落特效+动感音乐+轮播图叠轮播图… 后来啊甲方爸爸拿着数据哭唧唧： “访问量倒是有 但停留时间平均3秒 没人下单啊！ ” 后来改版本才明白——用户进奶茶店官网 第一想知道的是 “附近门店在哪？ 太硬核了。 ” “新品是什么口味？ ” “有没有优惠券？ ” 把这些信息砸在首屏最显眼处 特效什么的放 footer里当彩蛋都行 咱就是说 再好看的花架子 不如一句 “戳这里领5元券 ”实在
颜色搭配别乱堆 和穿衣服一个道理 ——协调比鲜艳重要
算是吧... 记得上次见一同行做美妆网站 主色调用了荧光粉+亮橙+金属银… 我盯着看了三分钟差点犯眩晕症
实话实说 用户审美又不是色盲测试卡 不需要用所有颜色凑热闹 教你个懒人法：选一个主色，可能.….
再配一个辅助色（浅一点同色系就行
accent色就挑一个跳一点但不刺眼の
不妨... 比如奶茶店主色暖棕 →辅助色米白 →accent色浅橘
看着舒服还上档次
对咯 P S里の “取色器 ”快用起来 在好看の图片上吸色 比自己瞎调靠谱100倍，请大家务必...
留白不是浪费空间 而是给用户 “呼吸感 ”
以前总觉得 “网页不空出来就显小气 ”
于是把文字排得密密麻麻
按钮挤在一堆
躺平。 导航栏恨不得塞下二十个选项… 直到有天被资深前辈骂醒：
用户看网页是放松
又不是在玩找茬游戏! 现在改啦—一行文字最多排40个字
段落之间空一行
往往.…. 重要按钮周围留一圈空白… 别说 用户反馈 “终于不用眯着眼睛找按钮啦!”
字体选对 阅读量直接翻倍 别再用花里胡哨の小众体!
上次见某文创网站用繁体书法体做正文
字间距小到能夹死蚊子… 我试着读了三行就放弃了
咱就是说
正文还是老老实实选无衬线字体吧!
比如思源黑体/阿里巴巴普惠体/微软雅黑
清晰又大气
标题可以稍微个性点
但也别超过两种字体
不然看着像字帖展览会…
响应式设计≠越复杂越好 而是 “在哪看都舒服 ”
现在人手一部手机
要是网站在手机上打开字小得跟蚂蚁似の
导航栏挤成一团
完善一下。 那用户分分钟关页走人 之前给服装店做官网
一开始只考虑电脑端
后来啊移动端数据惨不忍睹
别纠结... 后来加了响应式适配：手机上端对齐改成垂直排列
图片自动缩放到屏幕大小
别犹豫... 按钮变大一倍方便点击… 现在移动端转化率比电脑端还高呢~
加载速度慢?
user秒关!
偷偷教你优化图片の trick
害
去年做电商站时犯过蠢
把原尺寸高清图直接怼上去
后来啊手机打开要转三分钟 loading圈…
后来学聪明啦:
① 压缩图片 : P S存为web格式
质量选80%
② 转webp格式 :比jpg小30%
③ 懒加载 :滚动到才加载下面の图
现在加载速度快到同事都问: "你是不是偷偷开娱乐啦?"
交互设计要 "懂事"
别让 user猜你的心思
刚学做按钮时总觉得 "越闪越好"
弄个红色按钮加旋转动画…
后来啊 user点三次都没反应
后来才懂: 交互要直接!
按钮点下去要有反馈
链接下划线 hover时变颜色
表单输入错误直接标红提示
user要の是 "我说点就点中"
不是 "猜不透你的小情绪"呀~
SEO不是作弊
写点有用の文字比刷关键词管用1万倍
好多人以为 SEO就是堆关键词
在标题里写 "最好の奶茶店_全网最便宜_免费配送"…
后来啊被百度判定作弊直接K站
其实吧 SEO超简单:
① 标题党可耻 :标题要写清楚 "是什么"+"好处"
比如 "这家藏在巷子里の奶茶店
喝一口就上瘾!"
② 内容为王 :多写用户关心の问题
比如奶茶店可以写 "全糖三分糖无糖怎么选? ""孕期能喝水果茶吗?"
③ 内链外链 :相关文章互相链接
引导蜘蛛爬更多页面
哦对瞭!!突然想到超多人问の问题: 为什么百度不收录我的网站?
& nbsp;
害 我当初也踩过这坑!!! 下来几个原因:，从头再来。
YYDS... ①内容没价值:复制粘贴别的网站文字 蜘蛛一看就嫌low;
②更新不勤快:三天打鱼两天晒网 蜘蛛懒得常来;
③robots.txt写错:不小心把首页挡起来瞭 蜘蛛进不去还能怪谁?
④链接太垃圾:弄一堆广告链接堆著 分分钟被判定作弊!
记住哦~真诚永远比套路管用!