浅谈家居标签图标设计

2019-04-03    来源:搜狐焦点UED

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

最近制作了一套用于家居标签选项时所需的图标,在这里跟大家分享一下设计的过程,同时也是对自己这次设计工作一个的回顾,如果有不足之处希望大家能提出,我们共同学习进步,哈哈。

在刚接到产品原型时,发现这个页面有很多不同分类的选项排列在一起,脑海里立刻浮现了一个想法,

“这个用图标来表现应该不错”

说干就干,图标的风格决定用家居首页那些单色图标的样式,一方面是可以跟整体设计风格做统一,另一个方面现在这种简洁易用的设计风格也比较流行。

在设计过程中发现需要做的几个图标内容跟目前线上的重合,于是果断找到我们的美女设计师洁洁要了过来,剩下大概2/3的图标就需要自己动手了,家居类的图标不像一般网页图标,有很多现有的素材可以参考,在反复纠结与思考设计过程中自己也学到了一些关于设计的,关于家居行业,在这里拿出来跟大家分享一二。

由于整套图标太多,这里列出几个作为讲解范例:

复式图标

复式的概念:复式房屋在概念上是一层,但层高较普通的房屋(通常是2.7米)高,可在局部掏出夹层,安

排卧室或书房等内容,用楼梯联系上下。 不管是独幢的别墅或高层的上下两层的连通,都称为复式。

参考资料百度百科

通过查阅资料,我脑中对复式有了一个初步认识,就是复式房屋有两层,通过楼梯连接。

接着找到了一些复式房屋相关的图片

我在这些素材里发现了复式房屋的共同点,就是楼梯。一旦中心思想决定下来,后面的绘制也就简单了

一开始只是单纯的画了一个简单台阶的样子

画完之后觉得缺少点什么,复式房屋通常是用在别墅上,只是一个台阶感觉有点简陋。

于是一个加了扶手,又调整了下台阶的样式,一个复式图标诞生了!呵呵

飘窗图标

飘窗的概念:一般呈矩形或梯形向室外凸起,三面都装有玻璃。大块采光玻璃和宽敞的窗台,使人们有了更广阔的视野,更赋予生活以浪漫的色彩。

参考资料百度百科

由于有了前面几个图标的设计经验,开始我收集了一些关于飘窗的素材图

这次我首先给它画了一扇门,为了让它有玻璃门的感觉,在上面加两道斜线表现玻璃质感。

说到玻璃门,自然会联想到有一个窗帘来装饰它。我画了一个挂式窗帘,呈打开的样子,这样表现出一种打开玻璃门有风吹进来,窗帘随之飘动的感觉,OK,这样一个小飘窗图标就做好了,呵呵。

地中海风格图标

地中海风格:通常,“地中海风格”的家居,会采用这么几种设计元素:白灰泥墙、连续的拱廊与拱门,陶砖、海蓝色的屋瓦和门窗。

参考资料百度百科

在这次图标设计中,让我感觉有难度的就是风格类的图标设计了,首先风格这个东西很抽象,不像户型,空间会让人一目了然这是什么东西,我开始也去试着找一些地中海风格室内图,发现找不出比较有代表性的特点,于是我改变思路,围绕着“地中海”这个地区来思考并在网上找了一些关于地中海一带的建筑房屋图

我发现地中海一带的建筑风格最有特点的就是它的圆顶,拱门。抓住这些特点,我便画了一个带着圆顶拱门的小房子。

画完后发现并不是我想要的地中海风格,反而像个观察天文的楼,于是再仔细观察图片,发现原来他们的屋顶上还带了一些装饰。好吧,再加一个小圆顶,这样感觉差不多了啦。

这次图标设计之后,我简单总结了大概三个关于设计家居图标的思考方向:

一 有些图标可以从文字上很直接的理解,于是我们根据字面意思出发来设计。例如:一居室

二 根据这个图标的功能性来设计。例如:卫生间

三 围绕图标可以让人产生的一些联想来设计。例如:地中海风,欧式风格

最后再次谢谢大家的观赏!(*^__^*)

文章来源:搜狐焦点UED

标签: 家居标签图标设计 图标设计 

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:如何快速推广网站 提升网站权重

下一篇:微信用对的“节奏”做“微创新”,屌丝创业者能学到什么?