原型设计入门学习笔记

原型设计

课程简介

  • 原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。
  • 产品原型可以概括的说是整个产品面市之前的一个框架设计。以网站注册作为例子,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、元素、人机交互的形式,利用线框描述的方法,将产品脱离皮肤状态下更加具体跟生动的进行表达.

包豪斯提出了三个基本观点:

  1. 艺术与技术的新统一
  2. 设计的目的是人而不是产品
  3. 设计必须遵循自然与客观的法则来进行

这些观点对于工业设计的发展起到了积极的作用,使现代设计逐步由理想主义走向现实主义,即用理性的、科学的思想来代替艺术上的自我表现和浪漫主义。

一、什么是UI设计,什么是UX设计?

UI=User Interface

UX=User Experience

UI设计

**是指对软件的人机交互、操作逻辑、界面美观的整体设计。**UI设计分为实体UI和虚拟UI,互联网说的UI设计是虚拟Ul。

UX设计

**指以用户体验为中心的设计。**UX设计师研究和评估-个系统的用户体验,关注与该系统的易用性,价值体现,实用性,高效性等

二、2020年的UI设计师,需要修炼到什么程度?

现在,要成为一名称职的UI设计师的门槛越来越高了。 和几年比起来,UI界面中所承载的元素和风格已经非常多样了,而各种方便的工具让设计的门槛降低的同时,也让这些便捷的工具和多样的设计设计需求,都转变成为U|设计师专业性的「成本」了。

1、Ul界面的设计能力

  • 身为UI设计师,自然是要掌握U|界面本身的设。
  • UI界面的设计是一个综合能力,是统合各种U1元素、交互、动效、视觉的一项全面的能力,在很多时候甚至不止是移动端的UI,还包括网页的设计。

2、熟练运用设计规范的能力

  • 移动端设计无疑是如今的主流。但是,即便是如今主流的i0S和Android两大平台的设计规范,都已经非常的完善且极端的细致了。-套需要兼容目前主流i0S设备的UI界面需要设计熟知相关的尺寸和交互的标注,而在更加复杂多变的Android平台上,设计师则更加需要在美观和兼容之间游刃有余地出入,找到平衡点。
  • 与此同时,新兴的平台诸如智能手表、智能家居的界面同样也在UI设计师的工作范围之内。更重要的是,平台设计规范每年还会进行相当程度的更新。

3、风格化的设计能力

  • 视觉统一是最基本的设计原则,极少数诸如粗野主义设计风格之下会需要混搭来创造错位感,几乎所有的设计风格之下,设计师都要尽量确保统一-的视觉。
  • 风格化的UI设计需要设计师掌控不同设计风格的主要特征,能够在多变的需求之下,将不同的元素、内容,灵活地统一到一个配色方案、-一个风格之下。
  • 无论是相对传统的拟物化、像素风,扁平风,还是当下流行的蒸汽波、剪纸风、2.5d, 都需要设计师熟练掌握相关的风格特征,以及将其他元素视觉化地转化过来的能力。

4、熟知交互设计

虽然UI设计师并不一定要做到交互设计师的那个程度,但是如今的UI设计师不能仅仅局限于单个或者不连续的界面当中,界面和界面之间如何转化,如何切换,如何触发,都是如今UI设计师需要搞清楚的事情。只有清楚交互逻辑,明白何时给予用户以合理的视觉反馈,才不会输出视觉愉悦但是交互割裂的UI。通常,我们所说的微交互也是UI设计师需要考虑和实现的内容。而这也延伸出UI设计师的下一-个能力。

5、动效设计的能力

给予用户即时反馈的微交互大多需要借助动效来实现,除此以外,界面交互的视觉效果,不同界面的转场连接,控件的变化,甚至动态插画,如今也需要借助动画和动效来呈现。虽然大多并不会太复杂,但是动效已经成为如今Ul设计师的基本要求了。与此同时,懂交互和动效和不懂交互与动效,已经成为UI设计师之间的分水岭。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

是叽叽呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值