本文是 bydsf.com 建站团队的实战笔记,看完有想法可以直接联系我们:电话 18236992212,微信同号。
别只盯着淘宝,这5个国外做的不错的网站才是设计灵感库,建议收藏
本文关键词:国外做的不错的网站
做UI设计或者搞独立开发的朋友,是不是经常对着电脑屏幕发呆?脑子里一片空白,不知道排版怎么弄,配色怎么搭。别去刷那些千篇一律的国内设计社区了,信息密度太低,全是搬运工。今天掏心窝子分享几个我私藏已久的国外做的不错的网站,全是真金白银试错后留下的干货,照着用,你的审美立马提升一个档次。
第一个必须提的是 Dribbble。这地方简直就是设计师的游乐场。不过很多人进去就懵了,因为上面那些图太“炫技”,根本没法直接落地到产品里。我的用法是:别只看大图,去搜具体的组件,比如“login page”或者“dashboard”。你会发现,很多国外大神在解决同一个交互问题时,给出的方案比你想象的优雅得多。我有个做SaaS后台的项目,卡在那个数据可视化图表的交互上整整三天,后来在Dribbble上搜了五十多个案例,最后拼凑出一个既美观又符合逻辑的方案。记住,看的是思路,不是照抄像素。
第二个是 Awwwards。这网站有点高冷,上面的作品经常让你怀疑人生:这能跑通吗?这性能扛得住吗?但它的价值在于突破天花板。当你觉得自己的设计已经到顶了,去看看Awwwards的月度获奖作品。你会发现,原来网页还能这么玩,滚动视差、3D交互、甚至是用代码写诗。虽然咱们做商业项目不能全照搬,但那种对细节的极致追求,能潜移默化地影响你的审美阈值。我有个做品牌官网的客户,一开始嫌太花哨,后来加了点微交互,转化率居然涨了15%。
第三个是 Behance。跟Dribbble不同,Behance更看重完整的项目案例。很多设计师会把从调研、草图到最终成品的全过程都放上来。这对于需要向客户汇报方案的人来说,简直是救命稻草。你可以直接参考他们的故事线怎么讲,怎么把枯燥的数据变成可视化的图表。我最近帮一个跨境电商朋友做落地页,直接扒了Behance上几个同类目的案例结构,稍微改了改文案,上线后点击率翻倍。这种国外做的不错的网站,最大的好处就是能看到完整的商业闭环逻辑。
第四个是 Pinterest。别笑,这玩意儿虽然老,但依然是最强的灵感瀑布流。关键是算法太懂你了。你随便点几个极简风格的图片,它就能给你推出一堆相关的。我习惯建几个不同的画板,比如“电商首页”、“移动端导航”、“图标风格”。每次有新想法就往里面扔图,时间久了,你会发现自己对某种风格的偏好越来越清晰。而且Pinterest上的图片清晰度极高,下载下来直接当参考图用,不用再去抠图。
第五个是 Mobbin。这个可能知道的人不多,但它绝对是移动端设计师的宝藏。它收集了成千上万个真实上线的App截图,按功能分类。比如你想做个“用户注册”流程,直接搜“signup”,你能看到Stripe、Airbnb、Uber这些大厂是怎么做的。没有废话,全是实战。我上次改一个金融类App的注册页,发现大厂都在这里加了“一键登录”的选项,而且把隐私协议放在了最后一步,而不是弹窗。改完这个细节,用户流失率直接降了8%。
这几个网站,我用了快五年了。刚开始觉得国外做的不错的网站内容太深奥,看不懂那些术语。后来慢慢发现,其实设计底层逻辑是通的。多看看别人怎么解决问题,比自己闭门造车强百倍。
当然,别光看不练。下次做项目前,先去这些网站逛半小时,找三个参考案例,再动手。你会发现,思路清晰多了。要是觉得有用,记得多存点图,别等下次找不到了又抓瞎。生活里这点粗糙感,才是真实的设计过程,对吧?