网页设计师必备网站(网页设计师必备网站有哪些)

　　2015UI设计自学网站最新分享|都是一些自学UI设计时自己常用的网站,会持续更新。

　　由于我是自学UI设计，所以我的大多数知识都是从网络获取。现在做一个阶段性的总结，总结一些我平时浏览的网站。这里特别说明一下，以下的网站有的是国外网站，有的网站可能访问速度慢，所以学会“科学上网”才能更好地学习知识。

　　一、综合类网站

　　这类网站的内容很广泛，有图文教程、素材下载、经验文章等等。

　　1.优设网 https://www.uisdc.com/

　　每天必看，网站内容含了WEB/平面/APP设计等等，有图文教程、打包素材下载、经验文章。我特别喜欢网站里分享的文章，有关于交互设计的，关于如何自学设计的，也有设计前辈们的奋斗史。总之，这是一个收藏夹里必定有的网站。

　　2.学UI网 https://www.uisdc.com/

　　学UI网主要集中在WEB、APP这一块，内容也涉及教程、素材、文章之类的。也是每天必看的网站，这里特别推荐一些网站里的APP截图包 https://www.xueui.cn/design/app-screenshot，截止到目前为止，一共有53个APP的截图包，包括iOS和Android的主流分辨率。

　　3.设计达人 https://www.shejidaren.com/

　　同优设网，主要原创和手工收集国内外高质量网页设计文章、优秀设计素材，内容以高质量为主。

　　4.25学堂 https://www.25xt.com/

　　“专注移动APP设计、APP产品和APP创业”。网站的内容都是与APP有关。

　　二、作品展示网站

　　1.站酷 https://www.zcool.com.cn/

　　这个不多说了，要学习设计都应该了解的一个网站，里面的作品覆盖插画、网页、APP等等。当然还有许多优秀的文章。

　　2.UI中国 https://www.ui.cn/

　　从名字可以看出，UI中国的作品主要以UI为主，移动APP、手机主题、icon等等。同时里面也有许多学习专题，里面有小编收集好的文章，方便大家学习。

　　3.Dribbble https://dribbble.com/(国外)

　　国外顶尖的设计社区，汇集全世界顶尖的设计师的作品，作品覆盖各个领域，icon、APP、网页等等。是学习和临摹的好去处。

　　4.Behance https://www.behance.net/(国外)

　　同样是国外的顶尖设计交流社区，作品也是覆盖各个领域。网站有中文，方便英语不好的同学。(不过我得插一句，设计师懂英语，会让你学得更快，更多!)如果要研究作品或是学习，我的建议是多浏览Behance，而不是dribbble。就拿APP设计来说，dribbble上大多数是单页或是还在创作中的作品，并不完整。而Behance上的大多数是完整的作品，一些作品里还展示了设计过程，有些还会有文字描述(当然是英文的)，如设计师是怎么思考的，如何设计出这个作品的。这比从单页作品里学到的东西更多。

　　5.APP Design Served https://www.appdesignserved.co/(国外)

　　Behance旗下的一个网站，里面是精挑细选出来的关于APP的设计作品。人家都帮你选好了，从这些优秀的作品中学习吧!

　　三、资讯文章

　　1.Medium https://medium.com/(国外)

　　类似一个博客网站，里面有许多优质的内容，当然也少不了关于设计的分享。关注关键词，就可以找到一些相关文章。不得不说，不会英语真的很吃亏啊!

　　2.UX Magazine https://uxmag.com/(国外)

　　uxmag提供了许多关于用户体验的资源，大家可以自行探索。

　　3.UX Booth https://www.uxbooth.com(国外)

　　用户体验、交互设计师的交流社区

　　四、收集灵感

　　1.Pinterest https://www.pinterest.com/(国外)

　　你也许知道花瓣，但我更建议你使用Pinterest。首先，Pinterest上的内容更丰富，这是你用花瓣可能转来转去都是国内的，而且质量可能不怎么高。而Pinterest上的内容质量则就高多了，只要关注几个优质的画板，你就可以源源不断地吸取国外优秀的设计，拿来为自己所用。当然为了更好地体验Pinterest，还是得学会“科学上网”。因为有的采集可能因为各种各样的原因访问不了，所以还是备好梯子吧!

　　2.花瓣 https://huaban.com/

　　不多说，你懂的。但我要吐槽的是，花瓣Android客户端真的很久，很久，很久没更新了!而且很难用。隔壁iPhone客户端都更新了，哎......

　　3.Tumblr https://www.tumblr.com/(国外)

　　汤不热，你懂的。轻博客网站，善用关键词。

　　4.Pttrns https://pttrns.com/(国外)

　　移动应用截图网站。有iPhone、iPad、Android，甚至连Apple Watch都有。

　　5.Capptivate https://capptivate.co/(国外)

　　动效展示网站。还有iPhone客户端，随时随地浏览优秀的动效设计。

　　6.AppreciateUI https://www.appreciateui.com(国外)

　　移动应用截图展示网站，有icon和界面。iPhone客户端要12软妹币!

　　7.Signa https://www.signa.li/(国外)

　　想要设计Android味儿的应用，来这个网站就没错了。网站内容里关于Android应用、icon、动效的设计。设计风格当然是Material Design了。

　　8.Materialup https://www.materialup.com/(国外)

　　同Signa，想研究如何设计一款漂亮地，符合Android味儿的应用，从这两个网站汲取灵感就够了。

　　9.iOSup https://www.ios.uplabs.io/(国外)

　　与materialup是同一个团队的杰作。上面收集了关于iOS与Mac的优秀设计，icon，APP，动效等等，应有尽有。还有免费/收费的素材下载，感觉像发现了宝藏一样有木有。iOSup是之后才上线的，我也是最近才看到。

　　10.awwards https://www.awwwards.com/(国外)

　　网页设计的优秀的网站，学习APP设计的同时也要看看其他领域优秀的设计，这样才不会让自己变得狭隘。

　　五、规范类

　　1.Android规范

　　为了区别于iOS APP，Google发布了Material Design。这种设计风格包含网页和APP。所以，如果是要设计Android风格的应用，就必须学习Material Design的设计规范。

　　官方网站 https://www.google.com/design/spec/material-design/introduction.html

　　中文翻译 https://wiki.jikexueyuan.com/project/material-design/#32383424973c9218c51bbb2c1d7f8705

　　PS：我看了一下中文翻译，里面也有遗漏的地方，比如少了一些图。官方网站在九月更新了一些内容，而中文翻译只翻译到了7月份。所以，最好是中英文对照看。这里再次强调一下英语的重要性，如果你英语稍微好一些，就可以比那些等中文翻译的人懂得多一些，当那些人在看中文翻译的时候，你可能早就利用获取到的信息进行设计了。

　　最后，也要感谢翻译的团队，谢谢他们无私地奉献!

　　2.iOS规范

　　官方网站：https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/

　　中文翻译：由于iOS的中文翻译有很多，大家可以自行寻找。同样地，建议中英文对照看。

　　六、问答类

　　1.Quora https://www.quora.com/

　　2.知乎 https://www.zhihu.com/

　　我对问答类网站的态度是，答案毕竟是人家写出来的，如果想要深入研究的话，还是得自己多看书，多查资料，自己整理一遍才有用。