电商UI教程——教你做个启动页

版权申明：本文原创作者fhqdesigner888，感谢fhqdesigner888的原创经验分享！

温馨提示：满满干货，要耐心看完哟

  FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/

开始还是会讲一讲UI是啥，这类内容其实网上有很多，百度百科也做了挺明确的解释，为什么还要讲呢？

我是这么想的，好像要讲一个内容都是从一个概念开始，总不能我先甩一个百度给你，你先自行百度再来听我说，那你还找我干嘛。

我所理解的UI，看起来挺高级一个词，中国人其实对这种英文起名的东西都有种蜜汁高级的感觉。

当然，也有部分原因是干他的人工资都高，至少比看起来干的差不多活的美工高，这就让同样在PS上搬砖的美工不爽了，纷纷学起了UI！

其实我个人感觉UI 就是高级美工啊，或者是这个时代对美工得另一个称呼。

***************************************我 是 分 割 线*********************************************

好啦 我认真讲  

UI 的全称User Interface ，广义上理解呢是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。

这话看起来是不是挺难理解的，好像一下子这些字我都认识，连在一起就不知道他的说啥，我帮你翻一下，

就是，程序员写了一堆超级厉害的代码，要拿给咱们不懂代码的老百姓看，咱看着一堆字母，数字和小符号，

一脸黑人问号，what are you 让我看啥呢？ 这时候就需要我们给他弄一个接口，把程序员写的让老百姓看懂。

那具体做什么呢？狭义的理解就是我们要做的内容，在电子设备上所看到的界面，不管是命令行方式，或者图形方式，看图

这些都是UI ，所有电子设备上呈现的界面，都称之为UI 。

已经知道UI是啥了，那UI 要做啥?

UI 主要是做软件的操作逻辑、人机交互、界面美观的整体设计。这些新词是不是又看不懂了 看图

操作逻辑也叫做操作流程，实际工作中，这个活儿基本都是产品经理完成的，也有不靠谱的公司让UI一个人挑起整个项目的大梁，所以，也要懂。

一个项目从老板一拍脑袋开始，几个高层领导带着产品经理在会议室天马星空之后，产品经理的活儿就来了。他

得提炼老板的话，那些能实现，那些不能实现，然后画出一个操作流程出来，先纸上谈兵的看看这个完整的流程能不能实现老板一个亿的小目标。

然后就是实现人机交互，也就是画原型图。

这种黑白的线框图是不是就很熟悉了，一般交接给UI的工作，都是以这样的形式。