随著网络的加速产业发展,社会风气对UI结构设计专业人才的市场需求愈来愈多。愈来愈多的人专门从事UI结构设计,或是急于专门从事UI结构设计。在这一操作过程中,无论是参与专业培训却是自修,坚信每一UI结构雕塑家所应具有适当的专业技能和科学知识潜能。结构设计夹时常接到许多专门从事或是急于专门从事UI结构设计的爸爸妈妈的难题,那时就UI结构雕塑家是不是自修那个难题,小贴士汇整了各式各样自修天然资源天然资源,期望对我们略有协助。
具体来说,他们来明晰呵呵,甚么是UI?
简而言之的UI是介面(User interface)全称 ,特指使用者的操作介面。介面是两个较为广为的基本上概念,外显和电脑交互操作过程中的介面式样,耐用某种程度。以智能手机为例,智能手机上的介面都归属于介面,而结构设计这套介面听觉的人称谓为UI结构雕塑家。
他们再来介绍呵呵UI结构雕塑家的组织工作业务流程。
1、PM明确提出产品结构设计市场需求;
2、依照蓝本图,找片断,找觉得,画法!
3、展开结构设计,输入声效的结构草图!
4、结构设计输入,切图+标示,交货开发人员!
介绍完基本上的基本上概念和业务流程,我
一、结构设计应用软件
第一部分他们介绍下UI结构雕塑家常用的应用软件,包括PS、AI、Sketch、Ps Play、马克鳗、C4D R17等。
1.Photoshop——Adobe最为出名的图像处理应用软件之一
2.Adobe Illustrator CC——Adobe矢量绘图的应用软件
3.Sketch 3.7.2——全新矢量绘图应用软件
4.Ps Play 1.5 ——通过Wi-Fi,实时在终端设备上预览电脑上的结构设计稿
5.马克鳗——高效的结构设计稿标示、测量工具
6.C4D R17—— 3D绘图应用软件,有着强大的渲染插件
二、结构设计字体
1.iOS默认字体苹方
2.Android默认字体思源简体
3.Android默认字体思源简体
4.110款UI结构雕塑家必备中文字体
5.精选300款字体
三、结构设计指南和规范整理集合UI结构设计操作过程中,对各平台的规范必须介绍,这是结构设计的依据,以下收集的是个平台的结构设计规范,该集合包括不限于以下这些方面内容:
具体链接:http://rrd.me/bpdQG
(一)、平台系统结构设计指南:
iOS 10人机介面指南(中文)
iOS 10人机介面结构设计指南 (一)
iOS 10人机介面结构设计指南 (二)
iOS 10人机介面结构设计指南 (三)
iOS 10人机介面结构设计指南 (四)
l iOS 10人机介面结构设计指南(英文原版)
IOS 9人机介面指南(中文)
iOS 9人机介面指南(一):UI结构设计基础(ISUX译)
iOS 9人机介面指南(二):结构设计策略(ISUX译)
iOS 9人机介面指南(三):iOS 技术 (上)(ISUX译)
iOS 9人机介面指南(三):iOS 技术 (下)(ISUX译)
iOS 9人机介面指南(四):UI元素(ISUX译)
iOS 9人机介面指南(五):图标与图形结构设计(ISUX译)
iOS和Android的app介面结构设计规范
APPLE WATCH人机介面指南
Apple Watch人机介面结构设计指南(中文)
Apple Watch人机介面结构设计指南(英文原版)
APPLE TV 人机介面指南
Apple TV 人机介面指南(中文)
Apple TV 人机介面指南(英文原版)
GOOGLE结构设计指南
Google听觉资产指南-上(中文)
Google听觉资产指南-下(中文)
Google Material Design 中文版
Goolgle Material Design(英文原版)
中文版 GitHub 仓库
Material Design人机介面指南深度解析(中文)
Android Watch人机介面指南(中文)
iOS和Android的app介面结构设计规范(中文)
(二)、国内各大企业结构设计规范&观点
阿里巴巴使用者体验专家告诉你,如何建立使用者体验规范?
天猫听觉结构设计规范
蚂蚁金服体验技术部ANT Design结构设计规范
淘宝网结构设计规范及结构设计禁忌
京东APP结构设计听觉规范iOS完整版参考
腾讯应用宝UI结构设计规范
腾讯网Web页面结构设计规范 / PDF文档阅读
腾讯CDC关于红绿灯与结构设计规范
微信移动UI结构设计规范
六步透视网易结构设计规范
网易结构设计规范网
大众点评UED团队的结构设计业务流程规范
搜狐结构雕塑家:一份超实用的结构设计规范制定指南
新浪网产品结构设计指南(含UI规范)
以《新浪微博》为例的安卓结构设计规范
(三)、结构雕塑家常用的结构设计规范
各平台屏幕尺寸规范
跨平台UI适配方法
H5页面首屏高定位(浏览器版)
最新常用字体规范
其他结构设计规范/结构设计风格指南
(四)、国内开放平台应用规范
微博开放平台应用结构设计规范
腾讯开放平台应用结构设计规范
百度开发者应用UI结构设计规范
360应用开放平台体验提升指南
四、国外免费优质结构设计天然资源网站
此部分收集了国外优质的天然资源网站,不仅可以浏览到优质的结构设计天然资源还能找到结构设计灵感。
具体链接为:http://rrd.me/bpbRq
Dribbble 【优质免费天然资源】
Freebbble 【优质免费结构设计天然资源】
Graphic Burger 【结构设计天然资源】
Pixel Buddha 【职业结构设计天然资源】
Material Design UI Kit 【Google Material Design介面结构设计工具】
Premium Pixels 【创意工具及结构设计天然资源】
Fribbble 【Gilbert Pellegrom策展的PSD天然资源】
Freebiesbug 【PSD天然资源】
365 Psd 【PSD天然资源】
Dbf 【Dribbble Behance最佳免费结构设计天然资源】
Marvel 【手工制作的优质天然资源】
UI Space 【著名结构雕塑家的免费天然资源】
Free Section of Pixeden 【免费结构设计天然资源】
Free Section of Creative Market 【限时免费优质结构设计天然资源】
Teehan+Lax 【DiOS 8 GUI PSD (iPhone 6)】
Teehan+Lax 【iPad GUI PSD】
Freepik 【免费图像天然资源】
Tech&All 【结构设计天然资源与科技新闻】
Tethr 【最好看的IOS结构设计工具包】
五、视频教程
应用软件专业技能是UI结构设计的必要专业技能,下面推荐的许多教学视频可以作为应用软件入门的学习材料。以下教程都可以直接浏览。
李涛PS初级班教程
7天精通UI交互结构设计
李凤辉UI结构设计教程
AI CS5初级视频教程
六、国内结构设计博客
自修UI结构设计开始的时候可以多逛逛国内许多优秀的结构设计博客,,以下推荐的这些就是国内较为好的网络结构设计团队的所创建的许多博客。
网秦UEC:http://uec.nq.com
百度MUX:http://mux.baidu.com
畅游CDC:http://vc.changyou.com
腾讯MXD:http://mxd.tencent.com
腾讯CDC:http://cdc.tencent.com
腾讯ISUX:http://isux.tencent.com
应酷结构设计:http://blog.enqoo.com
腾讯UED:http://ued.qq.com
携程UED:http://ued.ctrip.com
百度UED:http://ued.baidu.com
网易UEDC:http://uedc.163.com
七、免费图库
MaterialUp—— 每日 Material Design 结构设计案例;
Pexels—— 集中了最好的免费图片;
All The Free Stock—— 免费的图片,图标,和视频;
Designers Pics—— 免费提供个人及商业用途图片;
Splashbase—— 搜索和发现免费高清图片及视频;
Startup Stock Photos—— 免费提供个人及商业用途图片;
Jay Mantri—— 可用于任何用途的免费图片(无版权);
Travel Coffee Book—— 分享美好的旅行时刻;
Unsplash—— 免费(定制)高清图片;
Death yo the Stock Photo—— 每一月将免费图片发送给你;
Free Nature Stock——免费个人和商业使用;
StockSnap——免费个人和商业使用;
Realistic Shots——每周更新7张免费图片;
Barn Images——免费个人和商业使用;
PicJumbo——提供各式各样免费的照片,不需要注册;
Life of Pix——提供免费高画质相片,采用CC0 无著作权授权;
Foter——提供3亿张免费高清图片;
八、配色方案
图片取色配色:https://www.design-seeds.com/blog/
色彩设计方法:http://rrd.me/bpbCC
色彩搭配思维:http://rrd.me/bpbFK
色彩结构设计层次:http://rrd.me/bpbGa
扁平化配色:http://color.koya.io/
在线渐变色:http://uigradients.com
MaterialDesign配色方案:http://rrd.me/bpbJf
以上就是小贴士所整理的许多优质天然资源,期望对我们略有协助。
“10”即可获得浏览链接。
整理不易
如果这篇文章对你有用
给小贴士点个zan再走呗~
后台发 UI 获得本期天然资源浏览包
点
XD浏览 · DRD文档教程 · Icon图标天然资源
书籍 · 网站天然资源 · 实战课堂 · HBAT · 博客