学生作业
这是我指导的近期竹笋班的一些学生作业,希望通过学生作业中实际的界面设计案例,给大家一些启发。
案例1流萤浅宿
难忘的旅程从流萤浅宿开始(图1-45)。不论出门在外或在家附近都能找到探险之旅。获取世界各地独特的房源、体验及好去处的信息,预订旅程所需的一切,或者开始当房东赚钱。
(图1-45)流萤浅宿logo
首页的底部标签栏图标(图1-46)选择了logo图形进行了2次设计。整个界面与品牌个轻飘格调个取得了一致。
(图1-46)流萤浅宿首页
案例2蚂蚁家
蚂蚁是一个爱捯饬家的群体动物,用“蚂蚁”旨在象征APP所针对的使用人群。蚂蚁的家即蚁巢,因为蚁巢分木栖巢、地下巢、地上巢等多种类型,所以“蚂蚁家” APP(图1-47)也寓意创造一个丰富多彩、形式多样的家居生活。首页的标签栏图标根据logo图形体现的棱角感,设计了全直角风格的图标(图1-48)。
(图1-47)蚂蚁家logo
(图1-48)蚂蚁家首页
案例3凑凑
凑凑将现下人类生活习惯与商家促销活动相结合,充分利用了用户的猎奇心理,吸引他们组团共享折扣,在参与的过程中自然的达到聚会目的。首页采用了无底部标签栏设计(图1-49)。界面上的模块分类图标(图1-50)采用了线色混合的手法。
(图1-49)凑凑首页
(图1-50)凑凑模块分类页
案例4 六十六号公路
公路66号是一款关于公路旅行的APP,为所有热爱公路旅行的人们提供一个交流的圈子。同时向人们宣扬Road trip文化。所以logo采用了非常粗犷的 线条(图1-51)。界面设计需要符合产品的气质,所以整个界面的图标和图形元素(图1-52)都才用了全直角设计。
(图1-51)66号公路logo
(图1-56)66号公路logo个人中心页
设计结语
图标设计是一个非常基础的技能,很多UI设计师都是从图标设计开始学习,但我们不需要盲目的临摹或者学习各种复杂的技法。而是尝试着学以致用。界面设计中用到各种图标,拒绝使用乏味而没有特色的图标库素材。我们要试着从品牌设计的角度去理解,寻找自己产品独特的品牌气质,挑选合适的技法。然后把这些元素具象化,融入在界面设计中。