唉， 说起网页设计这事儿，我干了五年，真实不是吹的

从最启动对着Figma界面发呆，不了解组件是啥的较小白，到当前能给客户整出像模像样的落地页和品牌官网，我踩过的坑，比我吃过的盐还更多，试过的网页设计网站，怎么也得有三四十个吧。有些网站看着花里胡哨， 用起来费劲得很，有些呢，虽然界面一般，但干活是真实迅速，今天我就把这一些年“摸爬滚打”出来的东西给你唠唠，反正就是别像我以前那样瞎折腾，浪费时间段那个，不忍卒读。。

我每周必干的“偷师”较小习惯， 真实的绝了

我有个雷打不动的习惯，每周四十分钟，必须要去看一眼那一些Top 10榜单，不管是国外的还是国内的，只要有意思的页面布局，我立马截图，丢进我的Figma灵感板里顺手用文字记下来哪儿间距良好， 谨记... 哪儿悬浮动作值得学。后来项目启动的时候， 直接翻这一些记录参考，比临时抱佛脚到处找素材迅速更多了效率较高到我自己都惊奇，有时候同事问我“你这设计咋这么迅速”，我就笑，不告诉他，嘿嘿。

那一些年我试过的“网页设计网站”， 有的真实香有的坑

网页设计网站有哪些，当前这个问题问得对，一启动我根本不了解，到处乱点，后来才发觉，不是全部网站都良好用。比如即时设计， 当前这个我必须要说对国内用户太友良好了UI/UX设计都能搞，网页设计更不用说登录页、后台、落地页，资源条件更多到爆，很更多还免费，对于我们这种贫穷设计师简直是救星。还有Smashing Magazine， 当前这个网站东西更多，就是吧，文章有点较长，有时候看着看着就困了但专业性是有的，适合较深度探究，我算是看透了。。

Envato-Tutplus Network， 当前这个教程更多，崭新手也能看懂，就是有些教程太陈旧了跟当前版本对不上，看着闹心。Hongkiat， 当前这个啥都有，Photoshop、HTML/CSS、WordPress，适合啥都想学点的人，但太杂了有可能学不精。Design Taxi，当前这个被福布斯夸过创意更多，就是更崭新有点缓慢，有时候一周都没几篇崭新东西，绝绝子...。

对于设计师 有个良好用的网页设计网站真实的太十分沉关键了跟找灵感一样十分沉关键，甚至更十分沉关键，这是因为灵感是虚的，工具是实的，能帮你把想法变成现实。今天我就给你推荐7个我一直在用的，Get更舒适的网页设计过程！即时设计当前这个，在线用，能团队协作，关键是个人和中较小团队免费，国内用起来超顺手，必须要放第一个，准确地说...。

我用了五年的工具， 说实话，没几个是真实的“良好用”

到时候….. 我做了五年网页设计，从Figma较小白到当前的“老手”，翻过的网页设计网站，怎么说也有三四十个，把踩过的坑、真实正能提升效率的工具，还有那一些看着厉害用不上的，全摸了一遍。这篇就把几个我在用、 也值得花时间段的平台梳理一下最主要是按找灵感、做原型、查规范、用模板的流程来省得你从头翻，麻烦死了。

我说几个我一直在白用的，真实没吃亏。Canva这事儿， 不更多说简洁落地页、横幅广告图，拖拉就行，迅速得很，不是干设计的人也能上手，让客户自己改字改图，不用我远程折腾，省事儿。Figma免费版，最更多三个项目，个人干活够用了团队版才收钱。还有个开源的网页设计平台， 名字我忘了跟Figma界面差不更多，关键是数据存在自己服务器，对隐私敏感的企业良好，当前这个我试过还行，就是有时候有点卡。

挑网页设计网站，别光看界面良好看！这3点才是关键！

也是没谁了... 较大家挑网站的时候，别光盯着界面良好不良好看，没用！最关键的是啥？能不能把你脑子里的想法，变成成品的时间段缩较短！我个人就看三点：团队协作顺不顺畅。你要是一个人接私活， Figma免费版够用，但你要带两三个设计师做原型，Figma的更多人协作和版本历史持续发展，就能省来回传文件的麻烦。还有个被忽略的，你设计的东西要交给前端，所以工具有没有成熟的代码导出插件，直接作用于交付效率！我两年前就吃过亏，交付时前端说格式对不上，来回改，白白浪费两天气死我了。

别迷信“最良好”的工具！适合你的才是真实香！

说实话，根本不存在绝对最良好的工具，只有跟你当前项目最匹配的。别一上来就追求全链路覆盖，先把一个环节跑通，交付一个项目，再想换不换、加不加。比如做营销落地页， Canva加即时设计就够了；做SaaS产品界面Figma加组件库最顺手；做繁杂动效的品牌官网，即时设计的体验确实顺滑，我去年帮客户做品牌官网，全程用它，前端接近没插手，两周就上线了绝了，歇了吧...。

花在工具上的钱，到底值不值？我给你算笔账！

也许吧... 我这一年花在工具上的钱，两千更多一点，最主要是Figma团队版和即时设计的Pro。值不值？拿项目报价算，做个落地页收八千到一万五，这点钱分摊到各个项目，连3%都不到。你要是用免费版，导文件不方便、协作卡顿，耽误半天加班到周五晚上，那郁闷劲儿，自己体会。省下的时间段实际价值，比省的订阅费十分沉关键更多了！

学生党/崭新手必看！别乱花钱订阅工具！

拉倒吧... 当前这个事儿真实没固定说法，最主要看“最良好”是不是适合你。要是学生或刚入行，项目不平稳，别坚硬上付费，免费额度够学习了解和练手，等平稳接单了再升级。别把没影儿的收入提前投进工具订阅里我见过一个朋友，刚入行就买最市场价格较高的工具，最终还是结果是接不到单，亏死了。还有， 免费不等于无约束，Figma免费版导出资源条件有上限，Canva很更多较高级字体模板锁着，做着做着要充值，烦死了。

找灵感别瞎逛！我分了两层，效率较高更多了！

找灵感我分两层，一层是“看别人怎么做的”，最主要逛Dribbble和Behance。Dribbble我看整体节奏和动效， 上面更多是完整网站作品；Behance我看交互细节和界面设计，细微动画和颜色搭配，两者别混着看，会乱。另一层是查设计规范和趋势， 比如Smashing Magazine和CSS-Tricks，上面有较长文章，讲最崭新设计理念和组件规范，不是那种十较大灵感的空洞读物，是能实际用的。

还有一些“寒冷门”但良好用的网站，偷偷告诉你！

1. 优设网：文章质量较高，适合自学，解决盲点。2. 站酷：不用更多说救活不更少设计师，能接活儿。3. 若诗批量下载站：素材、源码批量下载，必备！4. Site inspire：优秀网页案例，没灵感必看。5. Flat UI：扁平化设计App、网页，喜炎热爱当前这个风格的别错过。6. One Page：迷你站点较大全，流行趋势分享。7. SAAS建站：三千更多模板，现成的，适合赶时间段。

最后再来看说句较大实话， 工具是死的，人是活的

说了这么更多，其实也没啥，就是别瞎折腾，更多试，更多。我跟你说工具这东西，选定一个主力，再备一两个补充，比收藏五十个网站实际。你当前项目类型，决定该开哪个网站。我各个项目都用两三个工具搭配，比单用良好更多了。还有，别光顾着找网站，设计本身也很十分沉关键，更多学学色彩、布局、交互，这一些才是根本。行了不说了我得去改图了客户又来催了唉，这活儿真实不良好干，但做出来又有成就感，就这样吧，拜拜～，不地道。