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



你坐地铁最大的感受是什么?忙碌的工作者,青春的学生,无一例外都在刷手机。当我们选择低头的时候,眼前出现了一个小屏幕。现在社交媒体充斥着我们的生活,比如微博,小短视频软件,宝等。对于设计师来说,这些社交媒体网站除了提供信息和娱乐之外,还能提供无尽的灵感。

这篇文章主要是想让大家知道社交媒体是如何积极影响营销人员、设计师、品牌和企业的网页设计选择的。

从照片编辑工具和滤镜到贴纸和表情包生成器,任何使用智能手机的人都可以在今天的社交平台上添加引人注目的视觉元素。然而,即使是经验丰富的网页设计师也可以通过社交媒体获得丰富的创作灵感。

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

受社交媒体启发的六个网页设计创意。增加真实性
2。吸引注意力。提高想象力
4。邀请互动
5。优化移动终端
6。使用UGC

小红书网站

1.增加真实性

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

这种对“真实性”的追求,也启发了很多品牌放弃图片库,为一眼就能认出来的真实照片摆姿势。这对建立品牌口碑有很大帮助,证明品牌了解客户,了解客户的需求和喜好。

此外,许多时尚和美容品牌正在用用户生成内容(UGC)丰富产品页面。例如,沙滩装品牌Andie邀请客户分享他们上半身的照片和尺寸,以便在线购物者可以更准确地知道每件泳衣的合身程度——无论他们的身高、体型或姿势如何。



2.引起注意

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

同样,动画(gif)和表情符号在社交媒体上也很常见,那么为什么网页设计师不能把它们引入到项目中呢?一张图可以描述几千个字,这些静态和动态的图像可以快速传达关键信息,挖掘当前情绪,立即将读者的注意力转移到每一页的关键内容上。比如Glossier开发的一款简单却让人上瘾的产品GIF。与此同时,风味汽水品牌recession也采用了一种幽默的方式——将其罐装饮料变成表情包——如桃姜,通过在包中加入乌鱼和小胡子等元素向虎王致敬。



3.提高想象力

我们也可以在Ins上看到各大品牌对滤镜的喜爱——比如香水公司Abel,每一款香水都用独特的色调来代表。瓶装香水Pinkeris以碾碎的覆盆子和玫瑰花瓣为特色,附带的生活图像经过编辑呈现出细腻的粉色调,共同营造出一致的美感。因此,品牌提供了宝贵的经验,并成功地将功能和独特的情感应用到个人页面、产品或网站元素中。

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

4.邀请互动

双击赞,向上滑动购物,移动表情符号表示兴趣——这是社交媒体平台邀请人们交流和交谈。网站也不例外。在线表格、调查和其他互动元素不仅使品牌能够收集客户偏好等有价值的数据,还可以帮助人们找到他们需要的产品和服务——添加流行的个性化元素。就像漂白剂网站上的问卷一样,有一系列基于图像的选择题,为用户找出理想的染发剂。



5.优化移动端

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

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

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

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

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

额外提示:使用社交媒体收集网页设计创意。

除了社交媒体,你还可以使用Pinterest和Instagram等平台或Behance等创意网络来宣布下一个网页设计项目。提出问题,进行民意调查,让粉丝为他们最喜欢的图片或登陆页面设计投票,你很快就会知道人们的喜好。

您可以还会对下面的文章感兴趣

使用微信扫描二维码后

点击右上角发送给好友