网站首页
手机版

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

更新时间:2022-03-23 14:34:06作者:未知

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

  当我们的APP设计完成之后,公司肯定会要求你来设计一下APP的展示官网或者是APP展示专题。大部分小伙伴都是先参考同行类APP的展示官网是如何设计制作的。琢磨一下跟产品经理沟通下就开始设计了。但是,大家忘记了一件事,那就是一定要设计如何当下潮流的APP官网设计风格。
  

  那就是要简化你的设计网站作品。
  
  1、专注于做行为召唤设计
  
  在现实生活中,一个箭头、一个图标或者一句话,都可能召唤用户的一种行为。
  
  而在互联网中也会有同样的效果,它存在于按钮、链接文字、图标等等很多元素之中,正确合理的使用行为召唤,可以给你带来更高的转化率和收益。
  
  网站、APP、专题页面也好,每一处设计都应该是有目的的,都是相应地去迎合用户的某个行为或者需求来设计的。这就是为行为召唤的设计提供了依据。
  
  比如 引导用户的文案、按钮和链接等等。
  
  2、简化分页与合并不同的页面
  
  将多页面的内容简化为可管理的区块,不要让用户为了查看内容而多点击,将相关的内容保存到一起,方便用户集中阅读和查看。
  
  删除过期的、过时的内容和信息、小插件和第三方的信息都合并到相应的区块当中,不要零散的放置。
  
  3、统一的配色方案
  
  坚持将配色方案控制在两到三个色彩,这样能让你尽可能好的控制整个视觉界面设计的配色。
  
  4、采用标准的导航设计(体现一致性)
  
  虽然隐藏式的导航看起来很酷,而非常规的创意导航也非常的赞,但是这些导航模式对于用户并不是那么友好。偏离常规的设计虽然容易让人记住,但是在使用体验上,常常相对更加困难。
  
  选择标准模式的导航,能够让你的网站更加易用。这就是最简单的使用成本。
  
  最常规的导航模式,是将导航栏置于页面顶端,通常是3到8个不同的选项,当然,不要选择10年前流行的复杂、全面的大型导航菜单,除非你是京东淘宝这样的大型零售电商。
  
  5、必须遵循80/20原则
  
  请记住,你的网站中20%的内容将会触发用户80%的操作,这意味着你的内容应当有轻重缓急之分,行为召唤用语和行为召唤按钮等界面元素将是引导用户交互的重要组成部分。
  
  考虑到这一点,在你进行设计的时候,应该将设计的重心放在这20%的内容上,而剩下的80%的内容则根据需求进行调整。
  
  这20%的元素通常都是最吸引用户点击的那部分内容:按钮、图片和行为召唤文本。
  
  6、有目的地使用UI元素,更形象的使用UI设计元素
  
  标、图片等每一个UI元素在整个设计中都有其作用,有些元素的使用是有约定俗成的规则,不要因为某些元素看起来酷,或者单纯“为了有”而加上,最好通盘考虑,在合适的地方,合理地使用UI元素。
  
  7、挑选合适的字体,整个界面的字体种类不宜太多
  
  字体和排版同样遵循少即是多的原则。
  
  最容易阅读的字体,通常都有着标准的外观造型,均匀的笔触,朴实无华而无需多余的装饰。
  
  8、增大文本尺寸,PC端的优势更为明显
  
  在进行排版设计的时候,你需要在合适的时候增加文本尺寸。随着我们日常看到的屏幕尺寸的增加,我们需要让用户看到我们所提供的信息,并不是堆砌更多的内容,而是要合理的增加文本的尺寸。
  
  虽然在移动端设计上这种需求并不明显,但是根据实际情况,适当的提升字体尺寸能让文本的易读性有明显的提升。
  
  当然,置于首屏的关键词要明显,吸引用户滚动,而不是将所有的内容都堆在首屏。
  
  9、文案排版一定得有讲究
  
  排版能够从视觉上控制内容的复杂度,而文字则能够控制在信息传达上的复杂度。两者其实是同等重要。每个词汇都应该和视觉保持意义和信息上的一致性。
  
  文案和视觉一样,都需要反复推敲。
  
  网站是可传达、可阅读的媒介,因此文案和内容都应当干净、简介,且高度可读。你可以根据网站的风格,使用符合相应调性的文案。
  
  10、局部打破一项设计规则,随性一点
  
  有的时候规则是用来打破的,但是如果你想让你的设计保持简单,那么你在设计的时候,应该有意识的打破一条规则,但是只能是一条。
  
  如果你需要让你的设计在简单的同时,又不是始终循规蹈矩,那么打破一条规则是让你不走寻常路的最快的方法。它会让你的设计看起来不那么寻常,但是又能有迹可循,打破太多的规则会很容易让访客觉得混乱。

本文标签: 官网  不学  图案  界面设计  

为您推荐

excel表格怎么大批量筛选(excel表格怎么大批量筛选重复项并快速删除)

1、在选中单元格后,点击排序和筛选。2、在展开的界面中,点击筛选。3、在单元格界面中,点击全部显示。4、在展开的界面中,点击确定即可。

2023-03-21 15:30

Word2007文档水印怎么去除(word2007文档如何去除水印)

Word2007文档水印怎么去除 Word2007文档水印怎么去除 方法一 页面布局-页面背景-水印-删除水印,文档中的水印被删除. 方法二 页面布局-页面背景

2023-03-15 00:31

Word2003文档中的回车符怎么隐藏(怎样隐藏word里的回车符)

Word2003文档中的回车符怎么隐藏 Word2003文档中的回车符怎么隐藏 隐藏回车符 1.单击菜单栏"工具"下的"选项",在打开的窗口中取消勾选"视图"选

2023-03-15 00:30

Word2007自动滚动怎么设置(如何设置word自动滚动)

Word2007自动滚动怎么设置   Word2007自动滚动怎么设置 1.首先打开一篇长篇文档,单击其左上角的"office按钮"在弹出的快捷菜单中选择"Wo

2023-03-15 00:29

Word2013文档中大纲视图如何使用(word2007大纲视图)

Word2013文档中大纲视图如何使用 在Word 2013中,用户可以使用大纲视图来查看并编辑文档的大纲结构,同时可以对正文进行处理.在大纲视图模式下,文档的

2023-03-15 00:29

Word怎么用快捷键快速修改文字格式 word快捷键修改

Word怎么用快捷键快速修改文字格式   Word怎么用快捷键快速修改文字格式 1.电脑上新建word文件,例如命名为"word技巧" 2.双击"word技巧"

2023-03-15 00:27