当前位置: 首页 >> UI设计酷站大全_UI设计教程 >> 阅读正文

设计APP展示官网,不得不学的10招简化设计技巧

当我们的APP设计完成之后,公司肯定会要求你来设计一下APP的展示官网或者是APP展示专题。

大部分小伙伴都是先参考同行类APP的展示官网是如何设计制作的。琢磨一下跟产品经理沟通下就开始设计了。

但是,大家忘记了一件事,那就是一定要设计如何当下潮流的APP官网设计风格。

那就是要简化你的设计网站作品。

比如你要设计一款情侣之间实用的APP,那么他的展示官网应该如何来设计呢?

下面是小恩爱APP的官网截图:

比如最受欢迎的情侣交友APP

 

25学堂的小编可以教大家可以从以下10个方面来简化你的设计官网。

 

1、专注于做行为召唤(Call to Action)设计

在现实生活中,一个箭头、一个图标或者一句话,都可能召唤用户的一种行为。

而在互联网中也会有同样的效果,它存在于按钮、链接文字、图标等等很多元素之中,正确合理的使用行为召唤,可以给你带来更高的转化率和收益。

网站、APP、专题页面也好,每一处设计都应该是有目的的,都是相应地去迎合用户的某个行为或者需求来设计的。这就是为行为召唤的设计提供了依据。

比如 引导用户的文案、按钮和链接等等。

 

 

2、简化分页与合并不同的页面

将多页面的内容简化为可管理的区块,不要让用户为了查看内容而多点击,将相关的内容保存到一起,方便用户集中阅读和查看。

删除过期的、过时的内容和信息、小插件和第三方的信息都合并到相应的区块当中,不要零散的放置。

原创猫APP

3、统一的配色方案

坚持将配色方案控制在两到三个色彩,这样能让你尽可能好的控制整个视觉界面设计的配色。

 

4、采用标准的导航设计(体现一致性)

虽然隐藏式的导航看起来很酷,而非常规的创意导航也非常的赞,但是这些导航模式对于用户并不是那么友好。偏离常规的设计虽然容易让人记住,但是在使用体验上,常常相对更加困难。

选择标准模式的导航,能够让你的网站更加易用。这就是最简单的使用成本。

最常规的导航模式,是将导航栏置于页面顶端,通常是3到8个不同的选项,当然,不要选择10年前流行的复杂、全面的大型导航菜单,除非你是京东淘宝这样的大型零售电商。

职行力APP-官网

5、请各位设计师  必须  遵循80/20原则

请记住,你的网站中20%的内容将会触发用户80%的操作,这意味着你的内容应当有轻重缓急之分,行为召唤用语和行为召唤按钮等界面元素将是引导用户交互的重要组成部分。

考虑到这一点,在你进行设计的时候,应该将设计的重心放在这20%的内容上,而剩下的80%的内容则根据需求进行调整。

这20%的元素通常都是最吸引用户点击的那部分内容:按钮、图片和行为召唤文本。

app演示官网展示

6、有目的地使用UI元素,或者是更形象的去使用UI设计元素

标、图片等每一个UI元素在整个设计中都有其作用,有些元素的使用是有约定俗成的规则,不要因为某些元素看起来酷,或者单纯“为了有”而加上,最好通盘考虑,在合适的地方,合理地使用UI元素。

 

7挑选合适的字体,整个界面的字体种类不宜太多

字体和排版同样遵循少即是多的原则。

最容易阅读的字体,通常都有着标准的外观造型,均匀的笔触,朴实无华而无需多余的装饰。

 

8、增大文本尺寸,PC端的优势更为明显

在进行排版设计的时候,你需要在合适的时候增加文本尺寸。随着我们日常看到的屏幕尺寸的增加,我们需要让用户看到我们所提供的信息,并不是堆砌更多的内容,而是要合理的增加文本的尺寸。

虽然在移动端设计上这种需求并不明显,但是根据实际情况,适当的提升字体尺寸能让文本的易读性有明显的提升。

当然,置于首屏的关键词要明显,吸引用户滚动,而不是将所有的内容都堆在首屏。

韩国牛奶企业官方网站3

9、文案排版一定得有讲究

排版能够从视觉上控制内容的复杂度,而文字则能够控制在信息传达上的复杂度。两者其实是同等重要。每个词汇都应该和视觉保持意义和信息上的一致性。

文案和视觉一样,都需要反复推敲。

网站是可传达、可阅读的媒介,因此文案和内容都应当干净、简介,且高度可读。你可以根据网站的风格,使用符合相应调性的文案。

 

 

10、局部打破一项设计规则,随性一点会更好

有的时候规则是用来打破的,但是如果你想让你的设计保持简单,那么你在设计的时候,应该有意识的打破一条规则,但是只能是一条。

如果你需要让你的设计在简单的同时,又不是始终循规蹈矩,那么打破一条规则是让你不走寻常路的最快的方法。它会让你的设计看起来不那么寻常,但是又能有迹可循,打破太多的规则会很容易让访客觉得混乱。

 

 

 

 

 

 



无觅相关文章插件,快速提升流量

本文标题:设计APP展示官网,不得不学的10招简化设计技巧

本文地址:http://www.25xt.com/uidesign/14898.html

本文关键词: , , ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。