想学习UI不知道如何入手?
已经入门不知道如何提升?
遇到UI瓶颈不知道怎么突破?
深知大家的苦衷,本次整理了UI资源合辑,真正帮助大家提升UI设计能力!~
UI是用户界面(User interface)简称 ,用户界面是一个比较广泛的概念,指人和机器互动过程中的界面,以手机为例,手机上的界面都属于用户界面,而设计这套界面视觉的人称呼为UI设计师。
请前往Adobe官网:https://www.adobe.com/自行下载安装,谢谢
链接:https://pan.baidu.com/s/1GQGdXV0k_azV6yS9wrWf4w 密码:zypo
Axure 8.0 Win+Mac版+汉化包
链接:http://pan.baidu.com/s/1i4UbSOH 密码:wpe6
C4D R18 Win+Mac版
链接:https://pan.baidu.com/s/1eRVZ618
PS插件大集合
链接:https://pan.baidu.com/s/1b7pCUM 密码:uzlj
C4D插件大集合
链接:http://pan.baidu.com/s/1slRZWz7 密码:256i
Microsoft Office 2013 32+64位 win版
链接:http://pan.baidu.com/s/1boEFi15 密码:skev
Microsoft Office 2016 for Mac 版
链接:http://pan.baidu.com/s/1pLHoFGZ 密码:2eei
ICON切图一键输出插件
链接:https://pan.baidu.com/s/1jIxFpcy
摹客iDoc PS+Sketch+Adobe XD——智能标注、切图、交互原型神器 (虎牙柒强推)
链接: https://idoc.mockplus.cn/idoc/?hmsr=trista
功能介绍(含福利):
https://mp.weixin.qq.com/s/vqVqTX4desQyKDZ34pKFew
Cutterman PS+Sketch版——切图神器
链接:https://pan.baidu.com/s/1dEI1ySx
100+个免费可商用字体
链接:https://pan.baidu.com/s/1mhAQP64
多款端午设计书法字体
链接:https://pan.baidu.com/s/1slWrenN
12款手写字体
链接:https://pan.baidu.com/s/1pLrJRMN
全套HelveticaNeue系列字体
链接:https://pan.baidu.com/s/1kURGKUN
多款海报设计字体
链接:https://pan.baidu.com/s/1qX9jSpm
14款思源宋体
链接:https://pan.baidu.com/s/1jIohX8U
设计师进阶必须图书(共5.4G)
链接:https://pan.baidu.com/s/1dEHglqx
iOS 11+iPhone 8/X GUI PSD+Sketch+XD源文件
链接:https://pan.baidu.com/s/1gfpIQf5
iPhone 7 样机PSD+Sketch源文件
链接:https://pan.baidu.com/s/1dFtH9ol
精美的APP UI KIT展示模板
链接:https://pan.baidu.com/s/1eSn9cEe
微信小程序PSD+Sketch+LOGO源文件
链接:https://pan.baidu.com/s/1miqJG6G
APP界面设计规范
链接:http://pan.baidu.com/s/1c1A5Rl2
1、国内外设计网站推荐
Dribbble:https://dribbble.com
Patterns:http://ui-patterns.com
Behance:https://www.behance.net
Pinterest:https://www.pinterest.com
Appstorm:http://appstorm.net
UXmag:https://uxmag.com
Awards:http://cssdesignawards.com
Minicg:http://minicg.com
Pirations:http://www.iospirations.com
Wireframes:http://wireframes.linowski.ca
交互神器:http://fff.cmiscm.com
国内酷站:http://cwd.68design.net
国外酷站:http://www.thefwa.com
日本酷网:http://4db.cc
日本平面:https://jypg.net/works/popular
设计导航:http://www.tuyiyi.com/hao
德国酷站:http://www.designmadeingermany.de
韩国酷站:http://www.gdweb.co.kr
安卓界面:http://androidniceties.tumblr.com
波兰酷站:http://freszki.nowymarketing.pl
站酷网:http://www.zcool.com.cn
优设网:http://www.uisdc.com
花瓣网:http://huaban.com
图翼网:http://www.tuyiyi.com
UI中国:http://www.ui.cn
2、无版权图库资源网站
复古图库:http://www.raumrot.com
风景图库:http://unsplash.com
黑白图库:http://magdeleine.co
美食图库:http://foodiesfeed.com
人物图库:http://picography.co
欧洲景观:http://www.lifeofpix.com
综合图库:http://www.gratisography.com
日系图库:https://www.pakutaso.com
东京图库:http://www.tokyo-date.net
摄影图库:http://nos.twnsnd.co
http://superfamous.com
http://publicdomainarchive.com
http://www.gratisography.com
http://picjumbo.com/page/5
http://jaymantri.com
http://picjumbo.com
http://www.imcreator.com/free
http://deathtothestockphoto.com
http://pixabay.com
http://publicdomainarchive.com
http://www.photock.jp/category
http://www.tokyo-date.net
http://sozaing.com
http://www.pexels.com
3、插画设计网址
http://apeonthemoon.com/
http://www.creativeboom.com/
http://www.itsnicethat.com/
http://www.folioart.co.uk
http://www.agent002.com/
http://illoday.com/
http://artand.cn/
http://www.imagezoo.com/index.asp
https://www.pixiv.net/
https://illustrationage.com/
http://abduzeedo.com/
4、设计导航推荐
中国设计网址导航:http://wz.cndesign.com/
腾讯设计导航:http://idesign.qq.com/#!index/feed
大狮搜索导航:http://p.bigbigwork.com
创造师导航:http://www.chuangzaoshi.com/
牛大拿导航:http://www.niudana.com/
奇目设计师导航:http://www.qisumu.com/
设计师导航:http://www.foolo.cn/
SDC设计师网址导航:http://hao.uisdc.com/
设计导航:http://hao.shejidaren.com/
前端设计导航:http://nav.templatesy.com/
NAV80导航:http://nav80.com/
5、设计师辅助网站推荐
图片压缩:https://tinypng.com/
图片压缩网站:https://www.jpeg.io/
图片压缩不求人:点击查看
转PDF:https://smallpdf.com/cn/compress-pdf
6、晶格化背景网站推荐
Trianglify: https://trianglify.io/
Owpolygonart: http://www.lowpolygonart.com/?page_id=2026
lowpoly: http://www.shejidaren.com/examples/tools/low-poly/
Wagerfield: http://matthew.wagerfield.com/flat-surface-shader/
7、国外免费的图片源站
http://freenaturestock.com/
http://isorepublic.com/
https://stocksnap.io/
https://visualhunt.com/
http://librestock.com/
http://pexels.com/
https://unsplash.com/
https://pixabay.com/
http://gratisography.com/
交互、UI 设计资源整理:
链接: https://pan.baidu.com/s/1eSvLqwE 密码: 4wxc
TVart C4D自学四部曲
链接:https://pan.baidu.com/s/1nvyYnTf 密码:i4de
AK大神AE学习教程
链接:https://pan.baidu.com/s/1IqR56b9W7yPs3fPYs_CY3A 密码:mfrh
梁景红课程:色彩设计法则
链接:https://pan.baidu.com/s/1InpjdNoHR3Hv0bfH4JjUOQ 密码:ksa6
AI视频学习教程
链接:https://pan.baidu.com/s/1qYuk0De 密码:nzw7
Adobe Flash教程
链接:https://pan.baidu.com/s/1o85XPnc 密码:w7zz
Axure从入门到精通教程
链接:https://pan.baidu.com/s/1o79O4QY 密码:4fxp
Adobe InDesign CC 入门基础教程
https://pan.baidu.com/s/1mh8NBLY
李凤辉UI设计教程
https://pan.baidu.com/s/1o7FtvfW
老贺Ps商业人物修片
https://pan.baidu.com/s/1mitYW2k
高志远设计视频教程
https://pan.baidu.com/s/1gf4Y0QB
CorelDRAW平面精粹
https://pan.baidu.com/s/1gf1AFUN
“夏天夏天悄悄过去留下新字体……”请原谅刺猬君擅自篡改歌词,不过这句话确实是准确描述了脸书(Facebook)、谷歌(Google)及苹果(Apple)三个世界级互联网巨头在刚刚过去的盛夏里的新动作。从7月到9月,这三家前赴后继地在自己产品上更换了字体。个中原因是何?刺猬君为你剖析。
刺猬公社出品,必属原创,严禁转载。
合作事宜,请联系微信号:yunlugong
by 郭雅楠
这个夏天,脸书大幅更新了News Feed算法,谷歌给自己找了个Alphabet妈,苹果推出了万人迷“玫瑰金”——看上去各玩各的,不亦乐乎,不过事实上,他们都偷偷干了一件特别默契的事儿:给自己的产品更换字体。
7月初,脸书请来十年前原logo的设计者Eric Olson,不声不响地更新了logo,变成下面这样:
“F.A.C.E.B.O.O.K…”呃,之前的难道不是这样?还真不是。下面的是之前的logo:
仔细观察可以发现,新logo同旧logo的区别不是设计上的大变动,而是字体上的细微变化:字母a由复杂的印刷体变成了简单的手写体a,字体的棱角也更加圆润,在视觉上相比旧logo细长的字体有了一些横向拉宽的效果。
9月,谷歌迅速接棒,为自己的logo做出了16年来最大的改动:
与脸书类似,谷歌的新logo也将小写的字母g由原本“望远镜”形状的印刷体变成了手写体g。与此同时,谷歌新logo还将之前笔锋有“小尾巴”的衬线字体(Serif Typeface)变成了更加简单直接的无衬线字体(Sans Serif Typeface)——发明了属于谷歌自己的新字体系统Product Sans。
这种字体不仅统一了字体在不同位置的线条粗细,还比传统的字体显得更加圆润,尤其令字母G、o、g以及e都更具球形效果。虽然,字母G饱满的圆形新造型也招来了一些脑洞大开的联想:有人说看到新logo的第一感觉是自己在看一本儿童绘画书,还有人表示,新的logo中字母G让他想到了通用的轮椅标志:
通用的轮椅标志
Google新推出的简化标志
如果说谷歌的logo字体变化也仅仅会令用户在使用谷歌页面时才会觉得比较不习惯,苹果在IOS 9中突然全面抛弃HelveticaNeue、转用新字体San Francisco为默认字体的做法就令全世界大批苹果用户受到了惊吓。海外科技杂志《连线》在报道时,直言不讳地写道:“全球人们最喜爱的字体就这样被苹果抛弃了”。
IOS 9与IOS 8对比
中文版本“苹方”
在国内,不少网友升级后称“被字体丑哭了”,还有网友直指字体又直又粗,不如旧的字体显得优雅。而国外网友更是火力全开,推特用户@sreese25形容使用新字体的感受就像“有人偷偷把家具全部往右挪了一尺,结果搞得自己每天都得东跌西撞”,甚至还有人直截了当将新字体命名为“Hella Ugly”(真尼玛的丑),以泄心头之愤。
确实,对于普通用户来说,字体上的改变自然会带来很大的不习惯,在审美上则更是常常众口难调,招致吐槽更是在所难免。然而,三巨头如此默契,前仆后继、义无反顾地更换字体,也是大势所趋。那么,在当今互联网时代的大潮之中,这为其所趋的“势”到底是什么?下面我们就来一一分析。
1“少即是多”:遵循现代设计的准则
一般来说,繁复的字体更像是印刷时代的产物,它们可以体现经典、传统和权威,例如纽约时报、洛杉矶时报等传统报纸的标志性字体。
纽约时报头版
洛杉矶时报头版
然而,观察脸书、谷歌对于字体的改变,不管是分别将a和g的印刷体变成手写体,还是由有棱角的衬线设计向圆润的无衬线字体的切换,复杂形象简单化的设计理念贯穿始终。这种改变不仅令产品有了更新鲜和年轻的视觉元素,更令整个设计洋溢着一种活泼的韵律。
正如字体研究师Brian Hoff所说,“谷歌logo原先的衬线设计显得有些太严肃了,而且让人觉得字母和字母间不够流畅……新的logo更加简洁,让人觉得更有现代感,而且看上去字母之间也连接得更为流畅,更富有节奏感。”
在体现现代化的同时,圆润、简洁、粗线条的字体也传达了一种来自大品牌的亲和力。互联网产品作为方便人们生活的工具,与奢侈品不同,目标群体是地球上每一个能够接触到网络以及移动装备的人。再加上脸书、谷歌、苹果三者现已分别发展成为网络社交、搜索引擎以及移动电话领域内的领头羊,如何从独树一帜的神坛上走下来,被更多的普通人喜爱和接受成为他们进一步拓展业务的关键。
脸书的创意总监Josh Higggins曾表示,十年前Facebook刚刚建立的时候,logo需要做得成熟、稳重,令人信服;但在公司已具规模的今天,logo更需显得友善而平易近人。其实,谷歌将新logo的四个基本颜色又进一步整体调亮的做法,也是为了进一步发扬自己“简单、清晰、多彩、友好”的准则,令自己更“接地气”。
2传播媒介更迭:满足不同配置平台的需求
当然,好的设计也一定有其实用之处。除了在外观上的考虑,大品牌更换字体最重要的考虑可能还是源于对其产品功能的满足。正如谷歌首席用户体验设计师Tamar Yehushua所说,只能通过台式电脑上网的时代已经过去,现在,手机、电视、手表甚至是汽车(谷歌正在研发一种无人驾驶汽车)都成为人们连网的入口。
因此,尤其对于谷歌、苹果这样产品线覆盖多种不同装备或场景的公司来说,有一个可以在不同大小的屏幕上清晰显示、在不同速度的网络上正常加载的统一的字体尤为重要。
Facebook logo前后对比
Google logo 前后对比
IOS 9新字体与IOS 8旧字体对比
通过对比可以发现,脸书、谷歌以及苹果在其logo或系统中更换的新字体的共同点包括去掉了多余的衬线,增加了字母间的空隙,调大了字母主体结构所占的比例以及适当将瘦长的字体进行拉宽、圆化......这些改变帮助文字在字号极小的情况下不至于叠成一团,由此不同程度地为内容在大到台机屏幕、小到腕式装置上的呈现增加了稳定性。
3字体不再“凝固”:与用户需求即时互动
对于谷歌和苹果来说,更换字体不仅仅是一种静态审美,更是一种与用户的动态互动。苹果新推出的默认字体San Francisco并非一成不变,事实上,它有多个版本,可以随用户调整字号大小而自动进行字体微调,创造最清晰完美的阅读体验。
SF用于iPhone或Mac,SF Compact用于Apple Watch;Display用于大于20pt的字体,Text用于小于20pt的字体
谷歌更是将这种字体与用户的交互发挥到了极致。这一次,配合谷歌新logo而推出的其实是一个成套的系统——除了传统的Google标志,更用红黄绿蓝四个颜色集合一体设计的大写字母G替换纯蓝色小写g作为简洁版logo,出现于标签页等空间较小的位置。
此外,谷歌还为使用“语音搜索”功能的用户提供了动画设计:在用户讲话时,彩色的话筒标志会变成四个颜色的条状光柱,显示录入;而当录音完毕进行搜索时,光柱又会变成跃动的四个彩色小点,显示谷歌正在加载。这样的设计不仅更加具有趣味性,更令用户随时了解产品的运作情况反馈,在某种程度上拉近了人机关系,增加了用户的安全感。
虽然各大巨头改字体改的十分决绝,但用户当中除了吐槽和赞美,也有一些理性的疑虑。不少设计师表示,脸书和谷歌的设计令其形象更加简单、亲民,但也在一定程度上造成了产品形象的妥协。也就是说,过于简明友好的设计让他们失去了曾经的经典性和标志性,更像是一个随手涂出来的作品。这种观点确实存在值得考虑的意义,GAP曾经在11天内被迫重新换回旧logo的例子就曾经是一个极为尴尬的反面典型。
不过,就目前的情况来看,大家整体上对于脸书、谷歌、苹果三家的字体变化接受度还不错。凭借三巨头在其各自领域超强的存在感,或许再过上一个月,人们就已经想不起曾经那个旧版本的字体是什么样子了吧。
参考资料:
1. Kristen V. Brown, A Typographer Tells us What Google’s New Logo Says About Google, Fusion
2. Mark Wilson, Google’s New Logo is Its Biggest Update in 16 Years, Fast Company Design
3. Vasil Enchev, San Francisco Display vs Text vs Compact vs Normal, Codemotion
4. Tamar Yehushua, Official Google Blog: Google’s look, evolved
5. Scott Timberg, Apple’s “Hella Ugly” New Font Backlash: From Cool Standard to the New Comic Sans in one iOS update, Salon
刺猬公社
传媒观察原创平台
只做原创·自由分享
微信:ciweigongshe
新浪微博:@刺猬公社
今日头条:刺猬公社
相关问答
苹果设备英文字体设置方法:1.进入系统桌面,点击设置按钮。2.点击通用按钮。3.点击语言和地区。4.点击第一行。5.选额English。6.点击右上角的完成按...
苹果手机系统默认字体:1、HeitiSC(黑体-简,黑体-简的英文名称为HeitiSC.Heiti为黑体的拼音,SC代表简体中文(SimplifiedChinese)),是MacOSXS...
第一种:stheiti-light.ttc和stheiti-medium.ttc代表的是中文字体第二种:_h_helvetica.ttc和_h_helveticaneue.ttc代表的是英文以及数字...