2024年9月20日

从微博、小红书、抖音……里获得的6个网页设计理念

本文主要让您了解社交媒体如何对营销人员、设计师、品牌和企业的网页设计选择产生积极影响。

如今,任何使用智能手机的人都可以在社交平台上添加引人注目的视觉元素,从照片编辑工具和过滤器到贴纸和表情包生成器。但即使是经验丰富的网页设计师,社交媒体也能为他们提供丰富的创意灵感来源。

请记住,今天的拇指、分享和互动很可能成为未来网页设计的趋势,所以现在开始考虑你可以从社交媒体中学到什么,以及如何将其纳入你的设计思维。

受社交媒体启发的6个网页设计理念

增加真实性,提高想象力,邀请互动优化移动终端使用UGCC

1、增加真实性

我们习惯于通过社交媒体看到别人的日常生活。这种“偷窥”访问使人们对网页设计的真实性提出了更高的要求。想想那些“遇见团队”的员工介绍页面,让像Etsy这样的品牌有人情味。同时,在Atlassian的页面上悬挂指针,可以看到介绍个人工作功能的图形元素。在杜松子酒厂Sipsmith的网站上,一个轻松的拍摄取代了专业的头像——如果你愿意,品牌可以把工作和娱乐联系起来。

这种对 “真实性 “追求也鼓励许多品牌放弃图片库和拍摄,拍摄真实的照片,让人们一眼就能识别出来。这有助于建立品牌声誉,证明品牌了解客户,了解客户的需求和偏好。

另外,很多时尚和美容品牌都在使用用户生成的内容(UGC)丰富产品页面。例如,海滩服装品牌安迪邀请客户分享上半身的图片和大小,这样在线购物者就可以更准确地了解每件泳装的合身性——无论它们的身高、大小或姿势如何不同。

2、引起注意

每天,网络世界提供的内容比人们生活中的实际消费更多,所以我们养成了快速阅读和快速扫描网站以获取所需信息的习惯。从社交媒体中获得灵感,使用引人注目的视觉元素来对抗信息过载。例如,The 新闻故事将附有一个可爱的贴纸,它迅速传达了每个故事的焦点,而Parade的图标告诉客户每件衣服的特点(例如,冰棒表示凉爽的超轻面料)和品牌对社会和环境问题的承诺。

同样,动图(gif)和表情包在社交媒体上也很常见,那么为什么网页设计师不能引入这个项目呢?图片可以描述成千上万的单词,这些静态和动态的图像可以快速传达关键信息,挖掘当前的情绪,并立即将读者的注意力转移到每个页面的关键内容。比如Glosier开发的简单但令人上瘾的GIF产品。同时,调味泡水品牌Recess也采取了一种幽默的方式——将罐装饮料变成表情包–比如Peach Ginger,向虎王致敬,包装上加入了乌鱼、胡子等元素。

3、提高想象力

我们还可以在Ins上看到各大品牌对滤镜的热爱——比如香水公司Abel,每一种香味都以独特的色调表现出来。Pink瓶装香水 Iris以压碎的覆盆子和玫瑰花瓣为特色,随附的生活形象也被编辑,呈现出精致的粉色和嫩色,共同创造出一致的美。因此,该品牌在个别页面、产品或网站元素中成功地应用了其特征和独特的情感,提供了宝贵的经验。

说到视觉效果,想想Instagram Stories上的编辑工具,用户可以在照片上添加标题、图片和背景,以达到精心策划的拼贴效果——我们可以在阿迪达斯球员的照片中看到,它以涂鸦和剪影为特征,具有手绘外观的感觉。

4、邀请互动

双击拇指,向上滑动购物,移动表情符号表示感兴趣——这是社交媒体平台邀请人们进行交流和对话。而且网站也不例外。在线表格、调查和其他互动元素不仅使品牌能够收集有价值的数据,如客户偏好,而且还帮助人们找到所需的产品和服务——增加流行的个性化元素。就像Bleach网站上的问卷一样,上面是一系列以图像为主的选择题,了解用户理想的染发剂。

5、优化移动端

移动优先级是网页设计中最重要的规则之一。当然,社交媒体提供了容易随时随地消费的内容。随着在电脑和笔记本上浏览网站的人越来越少,网页设计师在过去几年里优化了移动设备,并推出了响应页面,以提供最佳的用户体验。

无论是打算彻底改造网站,还是为了支持快速消费做一些调整和改变,请查看We网站 Transfer的编辑平台Wer Present。在网站的模块化建设中,文字和图片同样重要,视频和图片穿插在段落和引言中,吸引观众继续阅读。

6、使用UGC(用户生产内容)

我们知道人们喜欢在社交媒体上分享动态,用户生成内容(UGC)网页上也出现了越来越多的控制和主题标签。例如,家居用品零售商Made,该品牌在网站上称客户的Ins帖子为英雄,呼吁 “不要吝啬分享你的房子?在你的照片中提到@madedotcom,我们将打上最佳照片的标签。行李箱公司Horizn也邀请用户 “通过分享最令人鼓舞的快照,展示你的智能旅行。使用#LetsGoFurther的标签,就有机会发布”。突然,网站运营成为品牌社区建设的一部分。

多年来,我们看到品牌使用小工具和插件来简化从网站到社交媒体的过渡。随着人们习惯于在Twitter和Facebook上看到一些符号和信号,我们也可以从中找到网页设计的灵感。例如,我们发现Cult Beauty在网站上强调了一些“流行”的护肤品和化妆品,并检查了声称已经通过第三方验证的产品。此外,Evolution of Smooth还将标签整合到其网页设计中,为#eosflavorlab标签提供整个登录页面。

?额外提示:利用社交媒体收集网页设计理念

除了社交媒体,还可以用 Pinterest 和 Instagram 等平台或 Behance 等待创意网络发布下一个网页设计项目。提出问题,进行舆论调查,并要求粉丝投票为他们最喜欢的图片或登录页面的设计,这样他们就可以很快理解人们的喜好。

原文链接:https://designmodo.com/social-media-web-design/