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

无需加好友免费技术支持

坐地铁最大的感受是什么？匆匆忙忙的工人和年轻精力充沛的学生无一例外地刷着手机。当我们选择低头时，我们面前有一个小屏幕。如今，社交媒体充满了我们的生活，weibo，对于设计师来说，这些社交媒体网站除了提供信息和娱乐外，还可以提供稳定的灵感。

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

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

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

受社交媒体启发的6个网页设计理念1. 增加真实性2. 引起注意3. 提高想象力4. 邀请互动5. 优化移动端6. 使用UGC

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

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

此外，许多时尚和美容品牌在用户生成内容（UGC）丰富产品页面。比如沙滩装品牌Andie，它邀请客户分享上半身的图片和大小，这样网上购物者就可以更准确地了解每件泳装的合身性——无论它们的身高、体型或姿势如何不同。

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

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

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

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

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

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

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

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

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

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

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