我身边有很多的程序员,但是鲜有程序员能够以设计师或者产品经理的视角来思考和开发产品的。虽然程序员日常的工作主要是以开发程序为主,尤其是很多程序员动辄就说:设计是设计师和产品经理的事情,和我们开发没有关系。
但试想一下,如果程序员仅仅是以实现功能为主,而不去考虑整个产品的动效和体验,不注重细节,我想就算这样一直开发很多产品,对程序员个人都不会有太多好的帮助。虽然工作是为公司,但长久来看,任何一份工作都是自己的修炼,也是为了自己未来的成长和加薪😄。
我在日常的开发工作中也会尽量去从多维度来思考自己所开发的产品,在设计稿出来以后,尽可能细致的完成它。而当产品开发完成,能够给用户带来好的体验时,自己尤为欣慰。现在把自己经常访问的一些和设计,产品等相关的网站整理一下,以供以后自己使用和他人参考。
灵感采集
链接 | 说明 |
---|---|
全球知名的美图采集站 | |
花瓣网 | 中国美图收藏采集站 |
Bestfolios | 产品丨界面丨插画灵感设计画廊 |
abduzeedo | 创意灵感和教程的设计博客 |
界面交互
链接 | 说明 |
---|---|
UI movement | 移动界面UI动效展示 |
lapa | 优秀LandingPage落地页收集 |
OnePageLove | 网站和APP单页界面欣赏 |
uplabs | 采集前端作品设计、iOS UI设计 |
设计规范
链接 | 说明 |
---|---|
Android | 安卓官方设计指南 |
安卓尺寸 | Google安卓主流设备尺寸 |
Apple设计 | 苹果官方设计指南 |
Screensiz | 移动屏幕尺寸规范 |
Google设计 | 谷歌官方设计指南 |
icon图标
链接 | 说明 |
---|---|
iconfont | 阿里巴巴团队矢量图标网站 |
iconmonstr | 精美免费简洁icon |
iOSicongallery | iOS平台APP图标收录和欣赏 |
iconsfeed | iOS系统应用图标收集和分享 |
Flaticon | 海量扁平化免费的图标库 |
在线工具
链接 | 说明 |
---|---|
TinyPng | 超完美PNG压缩工具 |
Loading | loading加载动画制作 |
学习教程
链接 | 说明 |
---|---|
sketchchina | sketch中国资源插件分享社区 |
优设 | 国内设计师教程分享文章 |
目前整理的就是这些了,个人觉得这些资料对一个开发者来说就足够用了。而当一个程序员对产品有了更多的理解,对审美有更大的提高,都是对自己有很大帮助的,这也会在日常的工作中减少和设计师,产品经理等的沟通成本。以节省更多的时间来学习和提高。何乐而不为呢😂