UI学习-入门

发布时间:2024年01月16日

教程:零基础学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设计师价值。

文章来源:https://blog.csdn.net/lsswear/article/details/135629594
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。