您当前的位置:首页 > 电脑百科 > 软件技术 > PS/设计

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

时间:2021-08-06 10:14:41  来源:  作者:设计师小猫

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

 

移动端最强设计网站

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

 

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

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

 

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

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

 


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

 


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

 

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

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个网站告诉你最规范的设计怎么做,爱了爱了

 

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

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

 


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

 

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

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

全球知名品牌色库

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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



Tags:设计   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
【简介】大家好,我是不二何(68ID:何旭阳),很荣幸受邀此次的68Design专访! 目前我是一位自由设计师,平时除了承接一些商业项目之外,也会更新视频号、小红书等短视频平台。其中小红书...【详细内容】
2021-12-27  Tags: 设计  点击:(0)  评论:(0)  加入收藏
前言Kafka 中有很多延时操作,比如对于耗时的网络请求(比如 Produce 是等待 ISR 副本复制成功)会被封装成 DelayOperation 进行延迟处理操作,防止阻塞 Kafka请求处理线程。Kafka...【详细内容】
2021-12-27  Tags: 设计  点击:(1)  评论:(0)  加入收藏
经常和大家分享PPT技巧,不知道大家有没有进步?今天直接来个重磅分享。你知道,一些大厂的路演、发布会PPT的设计师,平时浏览什么设计网站吗? 作为PPT设计师,平时也会看一些创意设计...【详细内容】
2021-12-15  Tags: 设计  点击:(19)  评论:(0)  加入收藏
来源:微信公众号 PingMianDesigner(平面设计) ▲音乐学校创意 ▲轮胎创意 ▲啤酒创意 ▲糕点创意 ▲旅游公司创意 ▲抵制家庭暴力公益宣传 ▲食品创意 ...【详细内容】
2021-12-15  Tags: 设计  点击:(10)  评论:(0)  加入收藏
来源:微信公众号 PingMianDesigner(平面设计)启动画面是在APP启动时全屏展示的简单占位图,其作用是用户打开APP,程序在运行时可能因为网络、程序本身等原因需要加载几秒钟的等待...【详细内容】
2021-12-15  Tags: 设计  点击:(20)  评论:(0)  加入收藏
Don Tuch 是一家位于墨西哥城的快餐店。其源自于Yucatán半岛的美食传统,是以一种令人难忘的独特方式融合了正宗风味的食品概念。Don Tuch以一种有趣和轻松的方式向Yuc...【详细内容】
2021-12-15  Tags: 设计  点击:(11)  评论:(0)  加入收藏
作者丨皮特潘编辑丨极市平台前言本文盘点一些CNN网络中设计比较精巧而又实用的“插件”。所谓“插件”,就是不改变网络主体结构, 可以很容易嵌入到主流网络当中,提高网络提取特...【详细内容】
2021-12-14  Tags: 设计  点击:(21)  评论:(0)  加入收藏
一、概述观察者模式,又可以称之为发布-订阅模式,观察者,顾名思义,就是一个监听者,类似监听器的存在,一旦被观察/监听的目标发生的情况,就会被监听者发现,这么想来目标发生情况到观察...【详细内容】
2021-12-13  Tags: 设计  点击:(16)  评论:(0)  加入收藏
背景在日常工作中,我们通常需要存储一些日志,譬如用户请求的出入参、系统运行时打印的一些info、error之类的日志,从而对系统在运行时出现的问题有排查的依据。日志存储和检索...【详细内容】
2021-11-23  Tags: 设计  点击:(20)  评论:(0)  加入收藏
前言我们在进行平台账号体系设计的时候,遇到这么一个需求:在平台注册的用户ID以n位的数字展现。乍一看,这个需求很简单,就一句话。但仔细思考后,发现这里面还是有很多地方需要思...【详细内容】
2021-11-10  Tags: 设计  点击:(41)  评论:(0)  加入收藏
▌简易百科推荐
【简介】大家好,我是不二何(68ID:何旭阳),很荣幸受邀此次的68Design专访! 目前我是一位自由设计师,平时除了承接一些商业项目之外,也会更新视频号、小红书等短视频平台。其中小红书...【详细内容】
2021-12-27  68Design    Tags:PS   点击:(0)  评论:(0)  加入收藏
Retouch Pro是一款优秀的图像修饰插件,帮助ps用户更快地进行图像照片的修饰。 由于其强大的人工智能系统,您可以轻松就获得专业的效果,并且比以往的手动更快,效果更好,操作更简单...【详细内容】
2021-12-27  设计师臭豆腐    Tags:Ps   点击:(4)  评论:(0)  加入收藏
早在 2015 年,就有报道称,到 2022 年底,仅英国的创意产业就需要 120 万名新工人。当然,世界与 2015 年的情况大不相同——但如果任何事物都需要比预期更多的创造力,而...【详细内容】
2021-12-22  Adobe国际认证    Tags:Adobe   点击:(10)  评论:(0)  加入收藏
最终效果 1、新建文件打开PS软件,按Ctrl + N 新建文件,尺寸为1920×1308像素,分辨率为72像素/英寸,如下图,然后确定。 2、导入房间素材打开素材包中的房间素材,用移动工具...【详细内容】
2021-12-22  PS教程240PS    Tags:PS   点击:(5)  评论:(0)  加入收藏
经常和大家分享PPT技巧,不知道大家有没有进步?今天直接来个重磅分享。你知道,一些大厂的路演、发布会PPT的设计师,平时浏览什么设计网站吗? 作为PPT设计师,平时也会看一些创意设计...【详细内容】
2021-12-15  旁门左道PPT    Tags:设计师   点击:(19)  评论:(0)  加入收藏
今天来说使用CAD梦想画图软件绘制一个CAD小白基础题。操作工具操作系统:Windows10CAD软件:CAD梦想画图步骤1.先画一个半径为100的圆,如下图所示:画圆 2.接着使用多边形命令(POL)画...【详细内容】
2021-12-15  CAD梦想画图    Tags:CAD   点击:(16)  评论:(0)  加入收藏
详情页是消费者进店后决定是否购买产品的页面,是电商产品重要的落地点。在消费者找到自己心仪的产品后,详情页满足了消费者了解产品的所有信息的诉求,就像一个经验丰富的售货员,对产品的每细节娓娓道来。定义好产品属性后...【详细内容】
2021-12-15  设计智造    Tags:详情页   点击:(8)  评论:(0)  加入收藏
来源:微信公众号 PingMianDesigner(平面设计) ▲音乐学校创意 ▲轮胎创意 ▲啤酒创意 ▲糕点创意 ▲旅游公司创意 ▲抵制家庭暴力公益宣传 ▲食品创意 ...【详细内容】
2021-12-15  设计智造    Tags:广告设计   点击:(10)  评论:(0)  加入收藏
来源:微信公众号 PingMianDesigner(平面设计)启动画面是在APP启动时全屏展示的简单占位图,其作用是用户打开APP,程序在运行时可能因为网络、程序本身等原因需要加载几秒钟的等待...【详细内容】
2021-12-15  设计智造    Tags:界面设计   点击:(20)  评论:(0)  加入收藏
Don Tuch 是一家位于墨西哥城的快餐店。其源自于Yucatán半岛的美食传统,是以一种令人难忘的独特方式融合了正宗风味的食品概念。Don Tuch以一种有趣和轻松的方式向Yuc...【详细内容】
2021-12-15  致美设计    Tags:包装设计   点击:(11)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条