UI学习-入门

教程：零基础学UI设计，应该先从哪些设计软件入手？【酸梅干超人出品】

一 软件

云端协作工具：即时设计、figma

原型设计：protopie

平面设计： PS

即时设计可设置动态交互、可设置样机。该平台教学方便做的很好，比如：设计师学习基地

二 灵感网站

Dirbbble：包含创意案例

Dribbble - Discover the World’s Top Designers & Creative Professionals

Mobbin：国外项目收集平台

Browse iOS Apps | Mobbin

美叶：线上项目收集平台

美叶-优质设计内容推荐平台

Behance:作品集平台

www.behance.net 需 /(ㄒoㄒ)/~~

UI.CN：UI类作品分享平台

UICN用户体验设计平台

Anthonybody、Mockupworld\Freemock:样机

Mockup World | The best free Mockups from the Web

Free Mockups | Download Photoshop Mockup Designs

Iconfont、Iconpark、Flaticon:图标

iconfont-阿里巴巴矢量图标库

ByteDance IconPark

Flat Icons | Free & Premium Icon Sets For All Your Needs!

求字体、字由\字加、Dafont: 字体

New fonts | dafont.com

求字体网站免费下载-免费下载-字体分类-发现字体-求字体网

即时设计新插件Realibox 3D：即时设计样机

三 概念

toC:to Consumer 面向消费者 包括不限于社交、电商、直播等。

toB:to Business 面向商业活动的对象服务 包括不限于自动化办公、财务、物流、资源管理等

平台：PC端、移动端。B端PC端偏多。

流程：理解需求-》设计规范-》UI设计-》内容标注、切图

动画、体验、建模、插画视工作内容而定。

优先满足工作需要再拓展其他技能。其他行业学习也是如此。

四 基础知识

字体使用

客户端中字体显示为已安装字体，所以css中会指定多个字体。ui设计选择一个字体即可。微软雅黑使用最多，或者思源、普惠体、汉仪旗黑、MiSans、OPPOSans等。

英文及数字应使用专属字体。如Helvtical、Arial、Roboto、Futura、Din等。

选择字体字重，使用不同字族不要使用软件加重。

注意字体、图片版权。

五 开源框架

开源框架起到参考作用，节省设计时间。

项目规范应为项目团队自己完成。

特殊需求UI需要独立定制和设计。

复杂流程需要通过交互设计理解。

项目规范-》标注切图-》组件设计-》交互定制-》体验管理，该流程体现UI设计师价值。