当前位置:设计先锋 > 设计教程

品牌设计在图标设计中的运用

来源:网络  作者:热心网友  发布时间:2018-01-10  浏览次数:366


学生作业


这是我指导的近期竹笋班的一些学生作业,希望通过学生作业中实际的界面设计案例,给大家一些启发。


案例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设计师都是从图标设计开始学习,但我们不需要盲目的临摹或者学习各种复杂的技法。而是尝试着学以致用。界面设计中用到各种图标,拒绝使用乏味而没有特色的图标库素材。我们要试着从品牌设计的角度去理解,寻找自己产品独特的品牌气质,挑选合适的技法。然后把这些元素具象化,融入在界面设计中。



标签:ui图标教程

分享到

网站首页|电脑版|返回顶部