优秀的网页设计师总会跟随着最新的设计趋势,掌控最新的设计工具,不断进化的设计工具和服务会让日常的设计更加便捷。数以百计的设计博客和网站每天会更新设计相关的文章,分享技巧,介绍新工具,它们也设计师的重要信息来源。所以,今天的文章目的就很明确了:新工具,新服务,还有干货云集的设计博客。
UX checklist
https://uxchecklist.github.io/
当你的设计项目即将交付给客户的时候,你确定所有的问题都解决了么?UX Checklist 是一个专业的用户体验相关的清单,你可以对着它查看你的项目所在的阶段,是否完成了所有的事情。
UI Names
http://uinames.com/
这是一款姓名生成器,内含45个不同国家和地区,帮你搞定DEMO中的取名问题。
Font Awesome
http://fortawesome.github.io/Font-Awesome/
我们曾经推荐过Font Awesome 这款矢量图标字体,你可以在CSS中直接调用,极为省心。
Perfect Icons
http://perfecticons.com/
这是一款生成社交相关图标的工具。
Pineapple.io
http://pineapple.io/
这里聚合了许多为网页设计师和开发者准备的资源,千万不要错过。
Window Resizer
https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh/details?hl=en
Window Resizer 可以用来模拟不同尺寸不同分辨率的屏幕。
Html5 Sites
https://html5sit.es/
这个网站聚合了许多有趣的HTML5页案例,值得收藏长期学习。
Html5 Weekly
http://html5weekly.com/
没有时间到处搜索设计新闻和资源?直接订阅 Html5 Weekly 就可以一次搞定这个事情。
Freebbble
http://freebbble.com/
这个网站搜集了许多来自Dribbble 的免费资源,包括模板、UI、着陆页和动效。
1st Webdesigner
http://www.1stwebdesigner.com/
这是一个数码爱好者所创建的网页设计相关的社区。
Freebiesbug
http://freebiesbug.com/
这个网站搜集了许多免费优质的网页设计资源,包括模板、UI和各种插件。
UI space
http://uispace.net/
这个站也都是免费的资源,多为UI、图标和视觉稿。
Pttrns
http://pttrns.com/
在这个网站你可以浏览到移动端设计的案例,获取诸如UIKit货UI元素这样的资源。
Flat UI Color Picker
http://www.flatuicolorpicker.com/all
如果你想制作出优秀的扁平风界面设计,不妨试试这款Color Picker。如果你想设计出优秀的扁平风配色方案,那么你需要看的是这篇文章:Best Color Palettes:https://medium.com/@order_group/tools-for-designers-color-palettes-335181d612c3
UI Cloud
http://ui-cloud.com/
UI Cloud 是世界上最大的界面设计数据库,其中涵盖了大量的UI元素、UIKit可供下载,还有许多设计稿供你寻求灵感。
Tech&All
http://www.techandall.com/
这里也是网页设计资源的集散地,你在这里可以发现大量的代码、模板、视觉稿、UIKits、UI元素、导航设计等素材。
Site Inspire
http://www.siteinspire.com/
缺少灵感?不知道怎么用网站?Site Inspire 将会帮你重新恢复状态!网站还可以根据类别、平台和风格筛选你需要的素材。
Unheap
http://www.unheap.com/
从不同的来源搜集整理了大量的jQuery插件,并按照UI、媒体、输入、导航、动画和特效进行了分类。
Unsplush it
https://unsplash.it/
无需多言,网页设计师必备的图片占位符插件。
AWWWards
http://www.awwwards.com/
WebAppers
http://www.webappers.com/
值得收藏的干货网站之一,文章、插件、框架一个都不会少!
GoodUI
http://goodui.org/
什么样的设计才算的上是好的UI?在GoodUI的网站你可以看到许多相关的技巧和指导。
Responsive Design Weekly
http://responsivedesignweekly.com/
这个也是邮件推送服务,订阅之后能每周收到一组响应式设计相关的文章合集。
Codrops
http://tympanus.net/codrops/
你可以在 Codrops 发现许多关于网页开发、设计、实用插件的教程,此外这个网站最有价值的地方在于它还有许多关于如何提出解决方案、设计思路相关的文章。绝壁值得收藏。
Trianglify
http://qrohlf.com/trianglify/
Trianglify 是一款可以生成漂亮的三角形素材的工具,它还可以生成SVG或者CSS的背景。
CSS Tricks
https://css-tricks.com/
CSS Tricks 其实是一个为前端而生的网站,其中内容并不只是CSS,你在这里可以找到大量的代码片段、教程、论坛和各种乐于分享知识的人。
Notepad++
https://notepad-plus-plus.org/
Notepad++ 是著名的代码编辑器,网站管理员必备神器之一,对于多种不同的编程/脚本语言有良好的支持。
Enboard
http://enboard.co/frontend/
如果你只需要一款灵感获取工具,那么Enboard绝对不会让你后悔。这个工具中包含了超过500份不同的资源,类型横跨博客、文章、框架、图标、灵感设计、播客,它们的共同特征就是两个字,干货。
Kraken.io
https://kraken.io/web-interface
Kraken 是一款图片优化APP,有损优化的情况下可以让图片压缩达90%,而无损处理模式则会保留所有的细节。
UI faces
http://uifaces.com/
UI Faces 是一款头像合集,在设计视觉稿的时候非常好用~
Noun Project
https://thenounproject.com/
Noun Project 中搜集了超过十万图标素材,并且都是基于CC协议分发的。你可以在这里下载到PNG和SVG格式的素材。Mac用户还可以还可以下载一款名为Noun的相关应用(10美元/月),它可以和Adobe系列软件联动。
Templated
http://templated.co/
Templated 是一个涵盖了800多款CSS和HTML5代码的大合集。
Tuts+
http://webdesign.tutsplus.com/
Tuts+ 里全是网页设计师所需要的技巧和教程。
Smashing Magazine
http://www.smashingmagazine.com/
来自世界各个角落关于开发和设计的新闻与技巧在这个网站交汇。这个网站推出的经典设计/开发类图书已经非常之多了,值得学习。
SitePoint
http://www.sitepoint.com/
SitePoint 搜集整合了网络上最好最优秀的网页设计开发相关的文章,其中针对设计师、开发者、自由职业者和企业用户进行了分类和针对性地处理。
本文来自:优设网(http://www.uisdc.com/best-tools-for-web-designers)
联系客服