GUI是指对手机、电脑、平板、手表、音箱、车载系统等智能屏幕的界面设计。
界面设计本身不是单独存在的,它有三个方面的内容:人、界面、人与界面的交互行为,他们的基本含义是:
在大公司里,以上三个方向是三个岗位:用户研究员、交互设计师、ui设计师,而在中小型公司,一般只有产品经理和ui设计师。
如我们熟知的pc端的windows 98、windows xp、win 7、win10的界面,以及苹果的mac系统现在依然在不断的更新和迭代,这些界面设计由UI设计师来完成。
移动端的系统则有苹果手机的iOS系统、安卓系统、以前诺基亚的塞班系统、微软的wp系统等。
其中安卓系统因为是开源的,所以又是山头林立,如华为的emui、小米的miui、锤子手机的smartisan os、oppo和vivo的ColorOS、Funtouch 、一加手机的氢os。
他们的不同点从界面上来说就是图标、配色、样式的不同,以及交互、动效的差异,当然也有其他内核的差异,168体育这里就不深入了。
应用UI可以理解成在各个系统上运行的软件界面,包括但不限于手机上的各种app、电脑上下载的各种软件。
比如设计开发一款像微信的即时聊天软件,一款视频播放器如爱奇艺、一款外卖软件如饿了么。
或者是为某些企业特殊定制的内部软件,如OA系统软件、物流管理、工程管理软件等。
他们同时会开发苹果版和安卓版,有些还要在苹果电脑、Windows等电脑上运行。
如上图,上面的是苹果版的微信,下面的是安卓版的微信,你发现有什么不一样的吗?
不过现在的设计语言在不断的融合,很多时候不需要做这么定制化的ui界面,可以一稿兼容。
包括PC端大小型游戏,单机网游,各类手游,各种游戏的登录界面、操作界面、技能按钮、168体育物品宝箱等的设计也属于ui的范畴。
FUI又叫科幻界面(Fictional User Interfaces),或者叫电影界面 (FilmUser Interfaces),是科幻电影里我们见到的酷炫的未来科技界面,具备可操作的视角,如复联里钢铁侠的战甲视角。
上面从平台、功能上介绍了UI的分类,那么UI设计本身需要涉及的内容有哪些?
软件界面里的各种图标,如微信底部切换栏的四个图标,顶部的搜索图标、返回图标,朋友圈的点赞评论图标。
购物时候的订单详情页,物流详情页等。后台管理系统的表单、表格页面,输入框等。
这些页面由图标、文字、及各种组件排版组合而成,涉及到色彩、平面、系统组件等内容。
如微信从发现点击进入朋友圈,整个页面是从右往左切入的,这就是简单的交互动效。
比如淘宝的有些弹窗是从上面掉下来,关闭会从底部滑出去,有些则是从中间从小到大缓入,关闭则是从大到小缓出。
每年这个时候你会发现,淘宝京东等各种电商app页面风格的改版,见到各种活动详情页、海报等。
这些活动页面在有些公司由专门的运营设计师负责,有些则会由ui设计师制作。
这是因为在产品页面中,大量应用了品牌元素,如微信的按钮都是绿色,知乎的主色都是蓝色。