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

这篇文章，主要让大家了解社交媒体如何给营销人员、设计师、品牌和企业的网页设计选择带来积极影响。

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

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

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

1. 增加真实性

2. 引起注意

3. 提高想象力

4. 邀请互动

5. 优化移动端

6. 使用UGC

1、增加真实性

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

这种对 “真实性 “的追求也激励着许多品牌放弃图片库和摆拍，转而拍摄能让人一眼识别的真实照片。这对建立品牌信誉具有很大的帮助，证明品牌了解客户，了解顾客所需和喜好。

此外，许多时尚和美容品牌正在使用用户生成内容（UGC）充实产品页面。比如沙滩装品牌Andie，它邀请顾客分享上身图片以及尺寸，这样网上购物者就能更准确地了解每件泳装的合身程度——无论他们的身高、体型或体态有何不同。

2、引起注意

每天，网络世界提供的内容比人们一生中实际消费的更多，因此我们已经养成了快速阅读和快速扫描网站以获取所需信息的习惯。从社交媒体中获得灵感，使用引人注目的视觉元素来对抗信息过载。例如，The Outline发布的新闻故事会附带一个可爱贴纸，这些贴纸迅速传达了每个故事的重点，而Parade的图标则告诉顾客每件衣服的特性（例如，冰棍表示凉爽的超轻面料）以及该品牌对社会和环境问题的承诺。

同样，动图（gif）和表情包在社交媒体上也很常见，那么为什么网页设计师不能引入项目中呢？一幅图画可以描绘千言万语，这些静态和动态的图像就可以快速传达关键信息，挖掘当前的情绪，并立即将读者的注意力转移到每页的重点内容上。比如Glossier开发的一款简单但令人上瘾的产品GIF。同时，调味气泡水品牌Recess也采取了一种诙谐的方式—将其罐装饮料变成了表情包–比如Peach Ginger，通过在包装上添加鲻鱼和小胡子等元素向虎王致敬。

3、提高想象力

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

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

4、邀请互动

双击点赞，向上滑动购物，移动表情包用来表示感兴趣——这是社交媒体平台在邀请人们进行沟通和对话。而网站也不例外。在线表格、调查和其他互动元素不仅使品牌能够收集到客户喜好等宝贵数据，还可以帮助人们找到所需的产品和服务——增加受人欢迎的个性化元素。就像Bleach网站上的调查问卷，上面是一系列以图像为主的选择题，了解用户理想的染发剂。

5、优化移动端

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

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

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

我们知道人们喜欢在社交媒体上分享动态，用户生成内容（UGC）也通过操控和主题标签越来越多地出现在网页上。比如家庭用品零售商Made，该品牌在网站上称客户的Ins帖子为英雄，呼吁 “不要吝于分享自己的住宅？在你的照片中提到@madedotcom，我们将打上最佳照片的tag”。行李箱公司Horizn也邀请用户 “通过分享最鼓舞人心的快照，展示你的智能旅行。使用#LetsGoFurther的标签，就有机会刊登出来”。突然间，网站运营成为品牌社区建设工作的一部分。

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

额外提示：利用社交媒体收集网页设计想法

除了社交媒体，各位还可以使用 Pinterest 和 Instagram 等平台或 Behance 等创意网络来公布下一个网页设计项目。提出问题、进行民意调查并请粉丝为他们最喜欢的图片或登录页面的设计投票，很快就可以了解人们的喜好。