如何通过5个关键技巧提升专业网站设计,让用户获得最佳浏览体验?
- 内容介绍
- 相关推荐
你知道吗?你的网站就像一家咖啡店。如果门口招牌歪七扭八,里面灯光昏暗,服务员冷冰冰的问"您要什么",谁愿意进来坐坐啊,挖野菜。?
第一、把移动端当成自己的孩子
当你.… 哈哈,别笑!现在手机就像大家随身带着的第二颗脑袋。你想想看, 如果用户在厕所刷手机时打开你的网站,发现按钮比他大拇指还小,字体跟蚂蚁似的...
那可不得了!记得我刚做第一个网站时在电脑上看超美观。后来啊让同事用iPhone测试了一下差点没被骂死! 算是吧... 那个那个...现在Wix这样的工具会自动帮你适配移动端,但关键是要自己多切换看看啊。
我常跟客户说:"别把自己当设计师了!把自己想象成一个懒人。三秒钟内搞不懂这网站干嘛的就滚蛋了!",这也行?
第二、字体大小=尊重用户眼睛
真的真的!我有次给一家眼镜店做网站,他们坚持要用10号字...兄弟, 妥妥的! 这是考验视力还是卖眼镜啊?!
不对不对不对...其实最佳实践是主文本至少16px。但这也不是绝对规则哦~ 关键看你选什么字体。比如宋体和黑体放大到相同尺寸感受完全不同,我无法认同...。
"Serif vs Sans Serif"这个老生常谈的话题...说实在话吧,没那么重要啦!只要能清晰阅读就行。除非你非要模仿莎士比亚时代的书法作品。
额外吐槽:脚本字体请慎用!
"哇好美观~" 这是设计师心声。 "我眼睛瞎了吗?" 这是普通人反馈。
调整一下。 除非做婚纱照片墙或者艺术展馆官网, 否则请收起这些花哨字体吧...
第三、导航系统=地图标志牌
咱就说句实话:那些创意满满却完全违反直觉的导航系统简直就是玩火自焚嘛!记得有一家餐厅官网把菜单藏在"...More..."三个点后面...
"更多?更多什么鬼啊?"
"更多惊喜?不如说更多头痛才对吧!"
页眉页脚那些事儿
- 页眉:放LOGO链接主页 - 页脚:不要小看它!这是再说说留给用户抓救命稻草的时候 - 菜单:越简单越好!太复杂会让人犯迷糊 - 搜索框:如果内容丰富千万别忘记加上它! 不过有些老板总觉得:"我们公司很特别应该有独特风格"。兄弟啊...先让人找得到东西再谈特别吧! 第四、颜色搭配=情绪管理师 关于配色方案有无数理论和工具可供参考但说实在话:,正宗。 "高级灰+一点亮色调味" - 永不过时! "不要让背景吃掉文字" "按钮颜色=行动呼吁" "品牌调性决定一切",一句话。
你知道吗?你的网站就像一家咖啡店。如果门口招牌歪七扭八,里面灯光昏暗,服务员冷冰冰的问"您要什么",谁愿意进来坐坐啊,挖野菜。?
第一、把移动端当成自己的孩子
当你.… 哈哈,别笑!现在手机就像大家随身带着的第二颗脑袋。你想想看, 如果用户在厕所刷手机时打开你的网站,发现按钮比他大拇指还小,字体跟蚂蚁似的...
那可不得了!记得我刚做第一个网站时在电脑上看超美观。后来啊让同事用iPhone测试了一下差点没被骂死! 算是吧... 那个那个...现在Wix这样的工具会自动帮你适配移动端,但关键是要自己多切换看看啊。
我常跟客户说:"别把自己当设计师了!把自己想象成一个懒人。三秒钟内搞不懂这网站干嘛的就滚蛋了!",这也行?
第二、字体大小=尊重用户眼睛
真的真的!我有次给一家眼镜店做网站,他们坚持要用10号字...兄弟, 妥妥的! 这是考验视力还是卖眼镜啊?!
不对不对不对...其实最佳实践是主文本至少16px。但这也不是绝对规则哦~ 关键看你选什么字体。比如宋体和黑体放大到相同尺寸感受完全不同,我无法认同...。
"Serif vs Sans Serif"这个老生常谈的话题...说实在话吧,没那么重要啦!只要能清晰阅读就行。除非你非要模仿莎士比亚时代的书法作品。
额外吐槽:脚本字体请慎用!
"哇好美观~" 这是设计师心声。 "我眼睛瞎了吗?" 这是普通人反馈。
调整一下。 除非做婚纱照片墙或者艺术展馆官网, 否则请收起这些花哨字体吧...
第三、导航系统=地图标志牌
咱就说句实话:那些创意满满却完全违反直觉的导航系统简直就是玩火自焚嘛!记得有一家餐厅官网把菜单藏在"...More..."三个点后面...
"更多?更多什么鬼啊?"
"更多惊喜?不如说更多头痛才对吧!"
页眉页脚那些事儿
- 页眉:放LOGO链接主页 - 页脚:不要小看它!这是再说说留给用户抓救命稻草的时候 - 菜单:越简单越好!太复杂会让人犯迷糊 - 搜索框:如果内容丰富千万别忘记加上它! 不过有些老板总觉得:"我们公司很特别应该有独特风格"。兄弟啊...先让人找得到东西再谈特别吧! 第四、颜色搭配=情绪管理师 关于配色方案有无数理论和工具可供参考但说实在话:,正宗。 "高级灰+一点亮色调味" - 永不过时! "不要让背景吃掉文字" "按钮颜色=行动呼吁" "品牌调性决定一切",一句话。

