《术与道，移动应用UI设计必修课》笔记一 - 简书

    最近在看这本关于UI设计规范的书，书本的目录如下。前半部分是属于理论部分，后半部分是关于设计实操部分。

    • *

一 基础知识

UI设计

1 UI相关概念

    UI：用户界面（User Interface）

    人与机器互动过程中的界面，UI包括WUI和GUI。PC端设计为WUI（Wen User Interface），移动端设计为GUI（Graphics User Interface）。

    UE：用户体验（User Experience）

    用户在使用产品过程中的个人感受，包括行为、情感、成就等方面。用户体验是用户面对产品产生的整体使用感受，不仅仅与用户界面相关。

    用户体验包括以下几点：

    性能，产品运行速度、稳定性、占内存比。

    内容，是否满足用户需求。

    交互，使用是否顺畅，是否无障碍使用。

    界面，是否统一、整齐、高质量。

    UED：用户体验设计（User Experience Design）

    根据共性体验进行设计

    UCD：以用户为中心的设计（User Centered Design）

    从用户角度出发进行设计，用户优先。交互上，思考界面流程、逻辑，界面是否好用；开发上，思考界面的实现是否影响性能；产品上，思考功能的设计原因。

    • *

2 UI的学习方法

    图形基础

    素描、速写、色彩

    设计软件

    Photoshop：UI界面的日常设计

    IIIustrator：矢量软件，处理复杂的图形路径

    PS Play：在终端设备实时预览Photoshop设计稿，同步调试、截图

    After Effects：动效平滑切换界面

    Mark Man：标注

    设计规范

   查看官方设计规范， iOS设计规范、安卓设计规范

    临摹学习

    熟悉理论知识后，做大量的设计练习。可以临摹成熟的界面作品，也可以浏览设计网站，开拓视野。

站酷 http://www.zcool.com.cn

UI中国 http://www.ui.cn

Dribbble https://dribbble.com

Behance https://www.behance.net

    参与项目

    经历完整的设计流程，从原型图到效果图，再到切图及标注。若没有机会参与项目，则可以对已存在的作品进行再设计。

    • *

3 APP

    APP的概念

    是指运行在手机上的应用，分为iOS APP和安卓APP。

    APP的开发流程

    需求收集->低保真图->高保真图->设计稿、切图、界面标注->开发  ->测试->运营

    • *

4 智能手机

1 手机参数

    英寸（Inch），屏幕斜对角线的长度

    像素（Pixel），图像的基本采样单位

    分辨率（Resolution），屏幕像素的数量，像素数量越高，分辨率越高，图像越清晰

2 网点密度与像素密度

    网点密度（DPI），用于描述印刷品的打印精度

    像素密度（PPI），用于描述“屏幕显示”，表示每英寸像素点数量

    逻辑分辨率和像素倍率：物理分辨率是硬件支持的分辨率，逻辑分辨率是软件可达到的分辨率。逻辑分辨率乘以一个倍数得到物理分辨率。

例如，iPhone 6，逻辑分辨率414X736，像素倍率@3X，物理分辨率1242X2208，PPI 401。

3 常见手机屏幕规格

4 手机传感器

    摄像头、麦克风、GPS、电子罗盘、重力传感器、加速度传感器、光线传感器、距离传感器、气压传感器、三轴陀螺仪

    • *

原网址: 访问
创建于: 2019-04-17 23:20:41
目录: default
标签: 无

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共0条评论