简述如何设计网站，3个网站告诉你最规范的设计怎么做

设计规范相信很多人每天都在接触各种设计规范，但是我发现同学们很容易一叶障目，收藏的一些规范都是国内公司很多年前的规范，须不知那些早已过时，今天分享个国际更顶级的规范给你们。

移动端最强设计网站

▲mobbin design这个网站是我私藏多年的一个宝藏网站，里面几乎包括了目前国外最优秀的一些APP，而且不用你去商店下载就可以看见里面全部界面流程。有的APP你还得需要各种账号才可以去看见完整页面，这个网站很全，你点击进去，它把全部页面模块都已经截图好了，非常方便。

▲比如我想看twitter某个动态卡片如何设计的，在这个网站里，直接搜索就可以看见twitter的全部设计，包括各个场景截图。

▲APP的全部页面状态，以及里面各种场景，按照用户的体验流程一一的截图展示。

▲点击后可以查看大图模式，点击旁边的列表标签，能够搜索很多列表的效果图。

▲点击标签后全网所有关于列表相关的设计截图，都已展示出来，然后就可以找到你想参考的，你也可以顺藤摸瓜，找到更多的APP。

▲同时你如果要下载到手机，点击头像即可跳到对应的APP下载页面。非常的方便！

▲同时搜索功能也支持很多的APP查询，比如想看Google news的界面设计，直接搜索即可找到。

▲就能查询到Google news的全部页面设计和细节，大家可以多去这个网站试试，你会发现很多惊喜。

领取方式

关注并私信小猫头条号回复“想要”

按照提示操作 即可免费领取

网页端最强规范网站

▲上面的mobbin design如果说是移动端最强的规范网站，那么styleguides就是网页端B端的最强规范网站。最厉害的地方是，除了设计规范，还包括前端一些代码规范在这里。可以说是设计师和开发都喜欢的一个规范导航。

▲在这里，可以根据你想要找的规范标签去选择分类，比如想找品牌规范你可以选择BRANDING，如果想找WEB规范，点击WEB规范即可。

▲比如想查一个网站相关规范，那么可以选择WEB和GUIDES两个标签，筛选出来的都是网站规范相关的文章类型。

▲随便点开一个都非常强大，如果你做B端产品，或者网页产品，找不到好的设计规范网站这个一定要收藏。

▲国外的设计规范系统，相对于国内要完善很多，也体系化很多。中国设计师做规范，包括我待过的淘宝天猫，和支付宝团队，都会去大量研究海外设计案例作为设计线索。

▲随便点开了几个，都是干货，每一个都值得你去研究，去好好的学习。

所以如果你在做品牌，做规范没有灵感时候，不要只看国内那些规范文档，打开你的眼界后，你才能发现更伟大的世界，眼界决定设计高低。

全球知名品牌色库

相信大家看到一个公司更新了新的品牌，都想知道他们品牌色是什么。有时候网上查未必能找得到，或者说找的不全。那么分享你一个全球品牌色的网站brandcolors，你能找到这个品牌的全部品牌色和辅助色。

▲brandcolors网站收集了全球各大品牌公司，互联网公司的全部品牌色和辅助色值。

▲比如想查询DELL的品牌色，那么直接搜索DELL就可以查询到他们的全部品牌色。

▲instagram的品牌色以及对应的辅助色，并且直接点击就可以复制品牌色。

▲Microsoft的品牌色以及对应的辅助色，并且直接点击就可以复制品牌色。

▲同时这里的链接可以点击到对应的产品网站以及品牌的网站，你可以顺藤摸瓜的找到对应的品牌网站。

你也可以去文章里面看看当时的品牌推导思路，能更好帮你理解品牌设计的背后思考。

彩蛋福利：

赠送大家一整套【5200张配色卡 配色书籍】，感兴趣的小伙伴可以都拿去！

,