UI、交互设计1
2019年5月11日
今天是我距离30岁的倒数第305天
这里是我的设计成长笔记
—————————————————
经历过之前的成长后，开始正式接触UI、交互设计，
主要还是因为市场缺口的原因，
移动互联网的普及，让UI、交互设计如火如荼，再加上大众创业万众创新的政策，好像全民都在做app了。
在加上资本的钱都开始流向这边，果断投身到了行业大军中去。
最开始的时候也是迷茫的，
虽然有了一些电商设计的基础，知道一些尺寸，适配的问题，但是对这个行业的认知还是空白的。没有框架，没有基础，对于想步入这个行业来讲还是有些困难的，好在设计思维逻辑的基础让我没有最开始学设计的时候那么慌张。
首先是了解这个行业
前期买了好多书籍资料，但是感觉没什么用，原因是UI、交互设计属于这些年才发展起来的，大家都是在摸索过程，走在前面的人总结的经验写成了书，但是随着技术的更新，很多经验已经不适应当下的情况了，所以学UI不建议买太多书，包括学软件的书我也不建议买，反正我买了挺多也就最开始入门的时候感觉能学点，后来就越来越觉得这些东西网上都能查的到，当然如果你搜索引擎用的实在不好，那就买吧，花钱节约时间。
UI、交互设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI、交互设计分为实体UI和虚拟UI，互联网说的UI、交互设计是虚拟UI，UI即User Interface(用户界面)的简称。
UI、交互设计的职能包含三块：图形设计、交互设计、用户研究
图形设计负责落地的界面设计，交互设计负责操作流程、软件结构、操作规范等，用户研究负责调研测评提供佐证。
这样其实还是很难理解，先了解一下即可。
我的学习方法是带着问题去学，所以我了解了大致后，就以我想做一个app的问题出发了。
在这个问题引导下，我开始搜集这个行业的工作流程是什么，如果需要做一个app需要准备哪些材料，需要使用哪些软件等等。
大问题拆分成小问题，逐个击破
先是工作流程，开发一个app需要的工作是首先你得有个idea，知道自己要做什么类型的app，这个app可以解决什么问题，（这个阶段其实就是用户研究的阶段了）我仍然沿用之前做设计的思维逻辑，选定好自己要做的类型后，搜集竞品，看、想、记录。
做了一些记录，画了一些草图（后来发现这些草图就是产品经理所说的线框图）
把这些草图一张一张的联系起来就成了术语里的交互流程图
最终做出来的简单版方案就成了原型（那时候感觉做个app也挺容易的，但是越往后越觉得自己想多了）
有了原型之后，就开始查怎么落地，发现各种手机型号、尺寸、分辨率一下就懵逼了，以前用的都是pt、px现在又多出来个dp。
算了，一个一个解决吧。先把这些不懂的名词理解了在往下进行。
先是单位
px： pixel，像素，电子屏幕上组成一幅图画或照片的最基本单元
pt: point，点，印刷行业常用单位，等于1/72英寸
ppi: pixel per inch，每英寸像素数，该值越高，则屏幕越细腻
dpi: dot per inch，每英寸多少点，该值越高，则图片越细腻
dp: dip，Density-independent pixel, 是安卓开发用的长度单位，1dp表示在屏幕像素点密度为160ppi时1px长度
sp: scale-independent pixel，安卓开发用的字体大小单位。
好了，看了这个我还是懵逼的
分一分类吧
设计稿其实就是用px，dp是在安卓开发的时候转换使用的，安卓的多样和手机屏幕像素密度的不同，为了设计图能够适配不同的设备屏幕，所以有了这么一个单位。（很多的混淆都是在这里发生的。这个问题不清楚会导致后期的切图适配得不到想要的效果）
比如设计师像素为单位画了一个4PX*4PX的icon，在160dpi和320dpi的两种屏幕上会显示完全不同。（引用于墨刀，下方附参考链接）
为了避免这种情况，所以这个单位的作用就是倍数
类似于等比放大，然后根据这个倍率切出相应的倍数图就好了。
随着技术的发展，现在已经不需要那么麻烦了，蓝湖、墨刀等这类工具都很方便。
记住常用的尺寸就好了
比如ios开发就用375*667、安卓就用720*1280，双系统互通的话稍微调整一下就好了
在这之后就开始研究IOS和安卓的基本规范（界面尺寸、布局、控件、icon、字体）
在学UI的过程中发现规范越来越重要，很多错误都是因为没有按照规范制作发现的，然后一个坑接着一个坑就出来了，之后我们再慢慢聊。
好啦，就酱～拜拜
——————————————————————
评论0