火星网校
我的设计成长笔记—第11篇(UI设计1)
发布时间：2023-12-26 20:56:42 浏览量：148次
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的过程中发现规范越来越重要，很多错误都是因为没有按照规范制作发现的，然后一个坑接着一个坑就出来了，之后我们再慢慢聊。
好啦，就酱～拜拜
——————————————————————
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
10. 物联网APP UI设计:创造智能硬件领域的沉浸式体验
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
最新文章
