3个网站告诉你最规范的设计怎么做,爱了爱了

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

3个网站告诉你最规范的设计怎么做,爱了爱了

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

文章插图
 
▲比如我想看twitter某个动态卡片如何设计的 , 在这个网站里 , 直接搜索就可以看见twitter的全部设计 , 包括各个场景截图 。
3个网站告诉你最规范的设计怎么做,爱了爱了

文章插图
 

3个网站告诉你最规范的设计怎么做,爱了爱了

文章插图
 

3个网站告诉你最规范的设计怎么做,爱了爱了

文章插图
 
▲APP的全部页面状态 , 以及里面各种场景 , 按照用户的体验流程一一的截图展示 。
3个网站告诉你最规范的设计怎么做,爱了爱了

文章插图
 
【3个网站告诉你最规范的设计怎么做,爱了爱了】▲点击后可以查看大图模式 , 点击旁边的列表标签 , 能够搜索很多列表的效果图 。
3个网站告诉你最规范的设计怎么做,爱了爱了

文章插图
 
▲点击标签后全网所有关于列表相关的设计截图 , 都已展示出来 , 然后就可以找到你想参考的 , 你也可以顺藤摸瓜 , 找到更多的APP 。
3个网站告诉你最规范的设计怎么做,爱了爱了

文章插图
 

3个网站告诉你最规范的设计怎么做,爱了爱了

文章插图
 
▲同时你如果要下载到手机 , 点击头像即可跳到对应的APP下载页面 。非常的方便!
3个网站告诉你最规范的设计怎么做,爱了爱了

文章插图
 
▲同时搜索功能也支持很多的APP查询 , 比如想看google news的界面设计 , 直接搜索即可找到 。
3个网站告诉你最规范的设计怎么做,爱了爱了

文章插图
 
▲就能查询到Google news的全部页面设计和细节 , 大家可以多去这个网站试试 , 你会发现很多惊喜 。
领取方式关注并私信小猫头条号回复“想要”
按照提示操作 即可免费领取
 
网页端最强规范网站
3个网站告诉你最规范的设计怎么做,爱了爱了

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

文章插图
 
▲在这里 , 可以根据你想要找的规范标签去选择分类 , 比如想找品牌规范你可以选择BRANDING , 如果想找WEB规范 , 点击WEB规范即可 。
3个网站告诉你最规范的设计怎么做,爱了爱了

文章插图
 
▲比如想查一个网站相关规范 , 那么可以选择WEB和GUIDES两个标签 , 筛选出来的都是网站规范相关的文章类型 。
3个网站告诉你最规范的设计怎么做,爱了爱了

文章插图
 
▲随便点开一个都非常强大 , 如果你做B端产品 , 或者网页产品 , 找不到好的设计规范网站这个一定要收藏 。
3个网站告诉你最规范的设计怎么做,爱了爱了

文章插图
 

3个网站告诉你最规范的设计怎么做,爱了爱了

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


推荐阅读