如何做出符合产品个性的视觉设计

写这篇文章的主要目的是为了解决我们的产品在运营和推广过程中,存在的一些问题而写的。主要的问题表现在,运营促销活动的设计风格不一样,各设计师都有自己的设计风格,对主题的理解也都有所不同,而我们平台的设计风格又有自己本身的风格,各风格杂在一起,导致了产品的设计风格非常混乱,用户体验不好,甚至连产品究竟是干嘛用的,也都分不清,有人认为是电商,还有人说是O2O生活服务,有人说是社交工具等,而这些认知的产生,除了PM层面的不断变动外,我认为有一部分也是由于视觉设计的不统一导致的。

我分析了一下原因,之所以有了这样一些情况的存在,主要有二个方面。

1、客观原因:由于当时项目的需求多,临近发版,进度赶,时间紧。

2、主观原因:团队新增加了4个设计师,没有严格的视觉设计规范,也没有完善的设计流程。

那下面通过这篇文章我们就来看看,如何杜绝这种不良情况的发生,又如何做出符合产品个性的视觉设计呢?(PPT图片,多图预警,土豪随意。:nerd:)
da4d37476907450ea0284b452f24f43e.png

be880de48cb543fb89ea4fa26904f790.png

cf26cfe7d2e742dda749ce0c4ebe644a.png

b199ac50868d47119e0f0c21e350595a.png

6492ac1cc84c449694b2b18c2aba215c.png

风格就像是人的一张脸

e3d586177f1b489db17b236def98057f.png

每个演员都有自己独特的人物属性

65b747607c874ac98737963de240ab02.png

设计师是可以通过设计来左右用户感受的

a2ee1e6d02714320b5299b3c9af75063.png

同一个人因为什么而导致了我们视觉感官上的不同呢?
58672b1d6d3b4bdfa94ce2606fd8d7a6.png

49b393b8e6d84b38b77d8fcacf8f1fd1.png

就算是动物,通过不一样的视觉包装都会传达出不一样的形象。
80b4b8a64f68493f8063f9c889be8bea.png

0a6dcb493d8f4b91b09e09d23e1077ad.png

54f4e3a907b64fe8a57fa4649799a1a5.png

cdb2e03038384185ad4d2b6e60b878ab.png

cf0b082d5e584ffeb9b87aaa13d16b12.png

615345a2ffd14546a40b808d82acf7f6.png

女人最爱的鞋子,因为一点点的不同,鞋子的属性就会产生变化
8db77aa707d74aa694bff511b25d2820.png

同样,男鞋也是一样,一样的衣服配上不同的鞋子,整个人的气质都会产生很大的变化。
9a03bcf494514fa19855d3918026b519.png

a41cd1a8349d490b8ed97a5dfc67d43b.png

85cf6c3cb90d452a9450a62e0d78db16.png

fb893e7cb1304f319776824acbbcb3e6.png

7b1f0192a3d748adb54e83585a1afdad.png

c33e23c54ae44e5c99756892e6429461.png

305c98c0a7e94d088f791b4c2f0d70a1.png

d482b5e3dcef455896260ae7e583f0dd.png

105231e0975e4a49a49059564f8ca28f.png

59b669fe92d440f0b4796775fa99d8fb.png

e895c188b6454bf0891819c1b167f777.png

6d645fc23d1d455ba3ee02d766ec44ab.png

546d6ac2765a4c7f902f02d9b14ead8b.png

9ce0f5dba7c44e62a2b5cec3512fde3f.png

92f66fa4b36647cba945878748b26a49.png

77813178c7c849878a9b526741516052.png

5bfdabc395d449808058cc1473fa1e44.png

34633333c94c463092eb5afdbda67ec2.png

c12f7ce4257249af8fda172c7596c30a.png

2b71c60fd851427ca5c6f776ece59451.png

6b81a917b79547fa836bc89f4154dba5.png

110ced850f8b46e19df87b5d3ab10cbc.png

601498f5d4bd4164b9dfe39278938352.png

2598dac9f4df49c2bdd1ac81fae93cb8.png

a3c1f649567e4feb9d218e06649d6b19.png

54b619ff59d34d01b88458b5d6aed43b.png

b84e602c3f414d7189fa8c7a67e6b24d.png

ef9844604cf84035944db2500d56032e.png

e38c7485a21547ebba3b6406a9162130.png

5eba0104faa44d61a44f418eaedb2360.png

f8a5d8dfd9de4def93c15dcef8ce9c14.png

9082bb054ab047b7ab5e72ebf4d1fdb3.png

8d4d1f11360c4f6e8382dbd81b85b9fc.png

设计跟踪

设计跟踪

1.字体:检查字体是否与整体风格相符。不同页面的垂直阅读节奏是否一致?

2.图像:图标、图像的视觉风格以及尺寸是否大体一致?和整体风格有冲突吗?按钮的风格统一吗,是填充式的还是线框式的?

3.色彩:整体色彩感看起来如何?配色风格一致吗?不同颜色之间搭配协调吗?

4.布局:顶部导航和Logo的位置是否相同?行间距、文字与图像的间距是否一致?整体布局都相似吗?

作为一个设计师,总要有点梦想,万一实现了呢?

做一个有情怀的设计师

设计结论

理解一致性原则并加以运用,大家一定要多练习,掌握设计基础。

就像画一幅画一样需要动作分解一样,设计师首先要熟练掌握每个”小”元素的设计方法,然后再加以整合,形成”大”层次上的一致性。

作者 设计师李奥

关键字:设计, 设计文章, 风格

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部