issue 5: 色彩

发表于 2018-09-08   |   分类于 设计课程

笔记部分

  1. 色彩模式:常用的有 RGB 、 CMYK、 LAB 三种
  2. CMYK:CMYK 是指青、品、黄、黑。
  3. 色彩模式的选择:由于 LAB 模式不依赖设备且色域宽阔(任何肉眼能感知的色彩都可以通过 LAB 色彩表现出来)包含 RGB 和 CMYK 的所有色域,在转换为 RGB 和 CMYK 模式时,色彩不会丢失或者替换。因此,最佳避免色彩损失的方法是:应用 L AB 模式编辑图像,再根据需要输出为 RGB(显示用)或 CMYK(打印及印刷用)色彩模式。

思考

issue 4: iOS 与 Android 设计的差异

发表于 2018-09-08   |   分类于 设计课程

笔记部分

  1. Android 采用触控按钮式:点击标题下的触控按钮,点击后弹出切换栏目的菜单。或者在导航栏下方加入视图控制器,类似 iOS 的 tabBar,但是放在了上面。提倡支持手势滑动切换
  2. iOS 采用经典的 TabBar:tabBar 通常放在应用底部,且只能点击,无法滑动。部分小众 App 的 tabBar 可以滑动。
  3. Android 的返回不仅控制页面:Android 的返回按钮可以控制返回上一个页面,还可以控制取消上一次的动作,比如收起键盘。
  4. iOS 的返回控制的只有页面:iOS 的动作由系统直接接管,当用户点击了键盘以外的非输入区域时,会自动触发用户键盘的消失。
  5. iOS 是一个封闭的系统,Android 是一个开放的系统:iOS 应用的权限很低,无法修改系统、其他应用的内容。Android可以。
  6. Material Design: 设计本身基于纸的形态模拟,同时使用大的色块 Action Bar ,使用右下角的 Floating Action Button 来完成操作,界面聚集于大图。

思考

  1. TabBar 的方式相对来说更加的简单,原因是将需要展示的内容明确的告诉了用户,尽可能的降低用户识别的心智成本。
  2. 针对#5 ,正是因为此,iOS 的应用操作逻辑整体表现一致, Android的应用操作逻辑百花齐放,用户学习成本较高。

issue 3 :Desktop UI 与 Mobile UI 的差异

发表于 2018-09-08   |   分类于 设计课程

笔记部分

  1. 场景差异:Desktop UI 的用户使用鼠标操作较长的操作时间用户场景固定;Mobile UI 的用户在各种环境下,利用碎片化的时间,用手机单手操作。
  2. 尺寸差异:Desktop UI 的尺寸通常在 19-27 寸,主流手机为 5-6 寸,平板电脑 7-13 寸。
  3. 屏幕尺寸差异带来的变化: Desktop 界面的利用率很高,在不影响整体页面的同时,可以展现次要信息;Mobile UI 界面寸土寸金,对信息有一个合理的规划和安排,用户使用移动端时注重效率。
  4. 操作习惯的差异:PC 使用鼠标,操作交互仅有滑动、左击、右击、双击等操作,效果较少。手机端操作包含单击、滑动、双击、缩放、3D Touch 等,此外可以配合传感器完成摇一摇。通过这些操作,可以设计不同的交互互动设计。

思考

  1. 移动端产品的设计应该倾向于碎片化,如果有较为深度的内容,应该提供一个 Desktop UI 的工具。
  2. 尺寸影响的不仅仅是内容,还有手指对于内容大小的影响。必须提供更大的色块方便点击。

issue 2 : UI设计的内容有哪些

发表于 2018-09-08   |   分类于 设计课程

笔记部分

三大职能

  1. 图形设计:产品的外形设计,俗称的漂不漂亮
  2. 交互设计:产品的操作流程、树状结构、操作规范等。产品应在编码前完成交互设计,并确立交互模型、交互规范。
  3. 用户测试/研究:测试交互设计的合理性和图形设计的美观性。主要以用户问卷的形式来衡量UI设计的合理性。

内容区分

  1. 研究界面:图形设计师, Graphic UI Designer,了解软件产品,致力于提高软件用户体验的产品外形设计师
  2. 人与界面:交互设计师, Interaction Designer
  3. 研究人:用户测试/研究工程师 User Expreience Designer,评估交互设计的合理性和图形设计的美观性。测试方法一般是焦点小组,用问卷的形式来完成。

思考

  1. 关于用户测试一般使用用户问卷的形式来完成这里,我想到了之前听迟早更新#19时访谈嘉宾做的应用 UXTesting,使用软件的录屏、设想来完成用户信息的采集,验证设计的合理性。

issue 1:什么是 UI 设计

发表于 2018-09-08   |   分类于 设计课程

笔记部分

  1. UI 设计是 User Interface (用户界面)的简称。
  2. UI 设计的范围包括 软件的人机交互操作逻辑界面美观的整体设计
  3. 好的 UI 设计应该让软件变得有个性和品味,还应该让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点

思考

  1. 针对笔记#2部分,在现行的公司体系内,被拆分成了两个部分交互设计师和视觉设计师,交互设计师负责设计软件的流程,操作逻辑。视觉设计师负责设计界面的美化。这些职责在一个小的团队中可能统一由 UI 设计师负责。
© 2019 Powered by Typecho & Theme 豫ICP备15027577号