
上QQ阅读APP看书,第一时间看更新
任务1.1 理解UI设计的基本概念
1.1.1 任务引入
本任务要求读者首先了解UI设计的基本概念,然后到花瓣网调研UI设计的实际应用并进行赏析,提高UI设计鉴赏水平。
1.1.2 任务知识
UI是User Interface(用户界面)的缩写,UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。优秀的UI设计不仅要保证界面的美观,更要保证交互设计(Interaction Design,IxD)的可用性及用户体验(User Experience,UE/UX)的友好度。UI设计范例如图1-2所示。

图1-2
1.1.3 任务实施
(1)启动浏览器,打开花瓣网官网,单击右上角的“登录/注册”按钮,如图1-3所示,在弹出的对话框中选择登录方式并登录,如图1-4所示。

图1-3

图1-4
(2)在搜索框中输入关键词“UI设计”,如图1-5所示,按Enter键进入搜索结果页面。

图1-5
(3)单击页面上方的“画板”选项,如图1-6所示,会显示出与UI设计相关的图标设计、App界面设计以及网页设计等画板。选择其中的“APP界面”画板,单击“关注”按钮,如图1-7所示,关注该画板。也可以根据调研需要关注其他与UI设计相关的画板。

图1-6

图1-7
(4)单击关注的“APP界面”画板,进入该画板,如图1-8所示。通过调研并赏析该画板中UI设计的实际应用案例,更好地理解UI设计的基本概念。使用上述方法,调研并赏析其他与UI设计相关的画板,进一步熟悉UI设计的应用。

图1-8