火星网校
思路最重要！七大秘诀教你设计出令人难忘的优秀网站
发布时间：2018-11-17 19:57:24
失败的网页设计各不相同，但是优秀的网页设计则有着共通的特点。这时你需要思考人们想要的是什么，什么东西能够触动他们，让他们欲罢不能、无法忘怀。听起来似乎很简单，不是吗？取悦用户的关键在于像用户一样去思考。并不是每一次创新、每一次重塑、每一种新技术都能让用户愉悦，那些真正易于理解、便于使用、降低难度的技术、设计手法和抓人的视觉元素才是一切的关键。下面的7大秘诀，或许会让你的网页脱颖而出！
1、定制化
定制化，或者说个性化，是今天网页设计中最典型的趋势之一。用户希望浏览网页的时候获得更加私人的浏览体验，无论是玩页游还是购物。
看看世界上最著名的那些网站是怎么做的吧。Amazon为用户提供基于购买历史的产品推荐，Netflix则会推荐相关的作品、有待观看的下一部，并且基于用户Twitter上的内容来进行推荐。每一个微小的自定义设计，都能让用户感觉这些用户体验设计是为他们而做的。同时，这种设计也会给用户一种参与感和沟通的体验，从而加深用户的忠诚度，如此一来，用户会更好地融入整个网站的用户群或者社区。
2、简练的动效
另外一个大热的流行趋势，就是动效设计。它不仅能为用户带来惊喜，而且具备强大的引导性，动效设计的精髓在于简单。令人头晕或者不知所措的动效，应该不是你要的东西吧？动效应该是有目的性的，和其他所有的设计元素一样有针对性，达成目标则是它存在的意义。
对动效或者说动画最熟悉的，无疑是迪士尼，Frank Thomas的《生命的错觉：迪士尼动画》中，就详细总结了创造今天动画的12个原则：
·挤压和拉伸
·预期
·登台
·连续动作和姿态对应
·缓进缓出
·弧形运动
·次要动作
·时序
·夸张
·立体刻画
·吸引力
3、使用约定俗成的设计模式
对于常见的问题，设计模式就是可靠且可复用的解决方案。简而言之，最常见的信息和交互方式被整合到一个界面当中，比如点击按钮、滚动页面、滑动解锁，它们都是设计师模式。
你需要熟悉这些常见的设计模式，并且在设计界面和交互的时候将它们用进去，这符合用户在体验上的诉求，也是易用性的最基本构成。同时你也要在自己的设计中创造设计模式，在不同的页面中使用相同、相似或者规则化的设计，让用户习惯。比如，不同页面中的CTA按钮的色彩保持一致，卡片式的元素使用相同的样式等等。
4、给设计以性格
没人会喜欢单调无聊的设计，你的网站应当同你的品牌保持一致的性格，拥有独特的气息。要做到这一点，通常需要用到微妙走心的文案和亲切自然的语调，如果你真的不知道怎么做，可以看看MailChimp是怎么做的。（请注意他们的文本和图片是如何无缝地连接到一起的）
5、在屏幕内思考
用户同网站交互都是在屏幕内进行的，无论是桌面端还是移动端，整个体验都是围绕着屏幕进行的，这并不是一句废话。屏幕是一个区域，它界定范畴、赋予概念、创造隐喻。这也解释了为什么视差滚动和卡片式界面是如此的流行？这两种概念将一定量的信息合理地放置到屏幕这个容器中，让用户随之同下一个元素进行互动。
如何运用好这个概念其实并不是那么容易，一个屏幕内应当承载多少信息，需要仔细考虑。一个桌面端页面所能承载的信息量在移动端屏幕上，可能需要划分到几个页面当中去。从屏幕的角度来考虑问题，可能会让你的计划更加庞大复杂，但是这种考量是有价值的，这种基于屏幕或者基于设备的考虑能让用户感觉更加便捷贴心。
6、一体化的内容和交互
视频、游戏、测试都争取让用户能与之进行互动，这种互动的目的在于驱动用户参与到设计中来；用户与界面交互的越多，用户所获得的体验就越好。不过，有趣的元素能让这一切截然不同；让交互内容尽量简单，不要牵扯太多；让用户可以一目了然；让他们轻松获得反馈的信息，不用在冗杂的体验中沦陷。这其实和美剧的5分钟原则有着异曲同工之妙。
7、轻松有序的设计
最后一个秘诀并非不重要，它甚至可以说是最基础的原则：让你的设计保持干净、整洁和有序。使用栅格可以让每一个页面元素都有准确的位置，将响应式设计落实到每一个元素，能让页面能从一个设备兼容到另一个设备。
简约风和极简风能成为设计趋势是有道理的。用户可以更轻松理解这一切，简约的视觉设计更容易交互。没有复杂信息并且被精心设计的界面能更好地运作，赋予更好的体验。
苹果的官方App Store和Google Play都推荐过的游戏Two Dots就是个典型案例。谁都可以拿起手机毫无障碍地开始玩儿，它设计的简单干净、容易互动、视觉元素周围有足够的空间，无需担心误触。同时，其他游戏所具备的东西也有趣好玩，可以共享得分，分享到社交媒体上。
结语
界定一个网站的体验与否有的时候并不是单一的标准，而今天所推荐的7条秘诀本身也更接近于基本的Guideline，只有了解用户，熟悉趋势才能提供更优秀的体验！
分享
学员作品赏析
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
《黑神话：悟空》作为一款现象级中国游戏，其成功离不开多种先进计算机技术的支持。本文将深入解析该游戏背后的关键技术，包括虚幻引擎......
-
在游戏开发领域，Unity和Unreal Engine（虚幻引擎）都是备受推崇的游戏引擎，但它们各自拥有不同的特点和优势。
-
春节之后大量抢人！这6个行业是转行首选，进去1年顶3年！火星毕业就能进
春节后求职，哪些行业进去能立马涨薪？打破信息差很关键！
-
还没毕业，就去帮电视台拍活动，作品被主任说“非常好”！猜猜是哪个专业呀？
-
回想过去，电子游戏里的草其实并不是真正的草。开发者们只是简单地把草的纹理直接贴在游戏关卡的地板上
-
在火星的就业指导老师那里，经常收到同学们这样、那样的提问。其中有一些共性问题，就业老师会根据自己丰富的经验，为同学们给出合适的回答。
