最全的UI设计入门基本要素解析

   最全的UI设计入门基本要素解析

  我们可以在网上看到很多设计相关的文章或者书籍,其中相同的事物在不同的地方可能会有不同的表述,其中有些可能还是相互矛盾的。这就给我们设计师的工作带来了极大的不便,因为没有达成一个统一的标准。其中UI设计中的像素和分辨率就是最典型的,可能大家已经看过了很多篇类似的文章,但是还是搞不懂什么是像素,什么是分辨率。那么,时间财富网小编希望这篇文章可以帮你解决这个困惑。
  像素和分辨率的关系
  我觉得很多设计师没有搞懂分辨率和像素的原因是因为没有弄明白什么是英寸。我们小时候家里的电视机会说21寸大彩电,25寸大彩电,29寸大彩电等。包括手机我们也会说4.7英寸,5.0英寸等。但是显示屏毕竟是一个面,而你用英寸来表示一个面,所以在很多人心中会把英寸误以为是一个面积单位,也就是说把英寸看成了是平方英寸。 而把英寸看成是面积单位的设计师就会对分辨率产生完全不一样的认识。其实这里的英寸是指屏幕对角线的长度,英寸实际上是长度单位。
  分辨率可以分为两种,ppi和dpi: ppi:每英寸(长度)所包含的像素点数目。 dpi:每英寸(长度)所包含点的数目。 对于dpi,我觉得只要了解就可以了,ppi才是比较重要的。从上面的定义可以看出来其实dpi和ppi的区别并不大,只不过像素(px)是设计师的最小设计单位,点(pt)是iOS最小的开发单位。
  分辨率换算 我刚才在前面也说了,设计师对于dpi只要了解即可,真正需要掌握的是ppi。那么ppi可以给我们带来什么样的帮助呢?因为像素的物理尺寸不是绝对的,随着屏幕ppi的不同也会发生相应的变化,了解ppi这个会帮助我们避免犯错。
  适配误区
  适配也是目前来说一些设计师比较头疼的一个问题,有很多小细节需要我们去注意。目前来说,我们给app做界面设计基本上都是750×1334(iPhone6/7/8)的尺寸上做,也就是以2倍图为基准,然后切3倍图对plus和iPhoneX进行适配,三倍图适配是我们的重点,所以经常有设计师忽视对iPhone5的尺寸做适配。
  设计风格的把控 对于适配知识的了解还可以帮助我们去把控产品的设计风格。例如,我们之前在产品首页会倾向于下面的这种排版。这种排版的好处是信息可以充足的展示,可点击区域够大,用户操作方便。但是在做适配的时候就会很困难,特别是iPhoneX出来屏幕的进一步拉长,这种单屏适配就会很困难。
  这种首页的设计模式我在以后采用的时候肯定会再三考虑,不是说这种设计模式不好看或者说是可用性差,只是将来做设配的适配会很困难。
  沟通的重要性 其实这篇文章主要说的是设计师如何通过对像素和分辨率的学习来更好的完成适配,那么我觉得适配是一个团队工作,光靠设计师是不够。例如我在上面的例子说到那种首页的布局模式很难进行适配。但是界面的框架不是由UI设计师来决定的,产品经理或者交互设计师在绘制线框图的时候已经确定了整个界面的排版布局。所以说,让UI设计师来参与到前期线框图和原型图的绘制是非常的重要,因为有些问题是必须站在UI设计师的角度来可以看出来的。
  随着UI设计师的日益普及,企业对于UI设计师需求已经不仅仅停留在简单的平面设计上,集设计和代码于一身的全栈UI设计师才是企业不可多得的人才。
t0121be7e086f2e691d.jpg
  新手学习UI设计需要什么软件
  “UI”设计的本义是用户界面,是英文User和 interface的缩写。UI即User Interface(用户界面)的简称。那么UI设计软件有哪些呢?
  UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。一般来说要学好UI设计软件有以下4个。
  第一阶段UI界面图标设计
  软件:Photoshop、Illustrator,可以用最新版本的软件,功能会比较多。
  Adobe Photoshop,简称"PS",是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。
  Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件,作为一款非常好的图片处理工具,Adobe Illustrator广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。它是一款专业图形设计工具,提供丰富的像素描绘功能以及顺畅灵活的矢量图编辑功能,能够快速创建设计工作流程。借助Expression Design,可以为屏幕/网页或打印产品创建复杂的设计和图形元素。 它支持许多矢量图形处理功能,拥有很多拥护者,也经历了时间的考验,因此人们不会随便就放弃它而选用微软的Expression Design。提供了一些相当典型的矢量图形工具,诸如三维原型(primitives)、多边形(polygons)和样条曲线(splines),一些常见的操作从这里都能被发现。
  第二阶段 交互动效设计
  软件Adobe After Effects。
  After Effects简称"AE"是Adobe公司推出的一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。
  第三阶段 交互原型图设计
  软件Axure RP Pro 7.0是一个专业的快速原型设计工具。
  学好了这些软件,基本上移动端UI设计这块就完全足够了!
 
  新手UI设计师最想知道的五个UI问题
  作为一个新手UI设计师刚刚接触这个领域,肯定有非常多的问题。有些问题可以到了后面慢慢解答。但是有些问题是新手UI设计师急需知道的问题。下面时间财富网小编告诉您新手UI设计师最想知道的五个问题。
  关于学UI设计的问题一:UI设计是什么?
  UI即User Interface(用户界面)的简称。泛指用户的操作界面,UI设计主要指界面的样式,美观程度。而使用上,对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。好的UI设计不仅是让软件变得有个性有品味,还能让软件的操作变得舒适、简单、自由,可以充分体现软件的定位和特点。(这个网上的统一的答案,或许你看了还是有点懵,没关系,接下来看下去,你就会懂)关于学UI设计的问题二:学UI设计需要美术基础吗?
  什么是美术基础呢,据分析,美术基础是指上过正规设计学院或参加过美术培训系统班或者从小就学习过素描色彩等知识的人。有了美术基础的人在透视,构图,明度,色彩方面都有一定的认识。而这些对于UI设计是有一定的帮助的。但是并不是说没有美术基础的人就不能学好UI设计。因为美术基础这个也不是天生的,这些可以通过后期的勤奋学习学会。这一些在对于UI设计审美和构图方面都会有一定的帮助。所以如果没有美术基础,可以自己学一下。当然不用学到当画家的那个程度,毕竟只是用来辅助UI设计,所以只学会UI设计那个美术就行了。
  关于学UI设计的问题三:UI设计以后的工作地区有那些?
  就目前来看,因为UI设计是互联网的一个设计,所以目前比较适合UI设计工作的地方,有上海,北京、广州,深圳,杭州等。这5个中国最强的互联网公司城市。BAT都集中在这一块地带。除了这几个城市。其它的二线之外的城市也已经发展起来。所以也不用害怕找不到工作。
  关于学UI设计的问题四:如何坚持下来学UI设计?
  现在很多人学习一个东西,都想要速成。也就是想要在短时间内掌握一门技能,也就是学好了UI设计后,就上岗工作。也就是心态很急,太浮燥了,没有办法静下心来好好去学习。这些也不能全说是人的问题,有一部分还是因为现在的社会诱惑太多,要静下来心来学习确实不容易,不过真是因为不容易,才让很多进入UI行业的人都坚持不了,而坚持下去的人都学会了,也就拿到了高薪,所以这边要和大家说下的就是。要想学好UI设计,心态一定要好中,一定要有耐心,否则就不建议学习UI设计。
  关于学UI设计的问题五:UI设计初学习者学习的最快方法?
  1. 公司实习(必须要掌握基础的软件及相关的设计知识也要有作品,学历怎么说也要有个大专及以上。)不会软件不会设计也没有人脉关系和学历的,一般是进不去的。当然如果能进去。里面学知道的知识是非常实用的。能坚持下来。UI设计基本就会了2. 自学   速度慢,进步慢,难坚持,难学会。好处就是省钱。
  3. 大学学校学习   速度慢,学的东西工作中用的少,基本没有什么用处,出来很难找到好的设计工作。
  4. 培训班学习(时间快,花钱多)
  培训分了线上和线下2种,线上学费便宜一些,不过自控能力差的学起来可能会有一些问题,毕竟没有人管着你。线下的话,学费就贵多了。但是学习起来比较高效,有什么不懂的也可以及时解决目前市面上面授的培训都是在2万左右。
  总之,学习UI设计就多练习,多思考,多学习,多交流。世上无难事,只怕有心人,坚持就是胜利。努力的人运气一般都不会太差的。