APP建设中该如何设计界面板式

2
发表时间:2019-08-30 16:39

1.信息的排布

对任何信息进行排布的时候,首先必须要掌握的是对齐/重复/亲密/对比,贯穿设计的四大原则。

对齐除了能建立一种清晰精巧的外观,还能方便开发的实现。基于从左上至右下的阅读习惯,移动端界面中内容的排布通常使用左对齐和居中对齐,表单填写的输入项使用右对齐。


设计和做其他事情一样,也要有轻重缓急之分,不要让用户去找重点/需要注意的地方,应该让用户流畅地接收到我们想要传达的重要的信息。重复和对比是一套组合拳,让设计中的视觉元素在整个设计中重复出现既能增加条理性也可以加强统一性,降低用户认知的难度。那么在需要突出重点的时候就可以使用对比的手法,例如图片大小的不同或者颜色的不同表示强调,让用户直观地感受到最重要的信息。


在排布复杂信息的时候,如果没有规则地排布那么文本的可读性就会降低。组织信息可以根据亲密性的原则,把彼此相关的信息靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于减少混乱,为读者提供清晰的结构。


在设计表达的时候,一定要考虑内容的易读性。适当使用图形可以增加易读性和设计感,而且图形的理解比文字更高效。那些用文字方式表现时显得冗长的说明,一旦换成可视化的表现方式也会变得简明清晰,可视化的图形可以将说明/标题/数值这种比较生硬的内容,以比较柔和的方式呈现出来。


2.图片的使用

app的页面结构和文本确定之后,就要开始安排图标/按钮/图片的安排了,这时页面也就从单纯文本的“阅读”型结构调整为“观看”型结构,对于页面的易读性以及页面整体的效果会产生巨大的影响。页面中图片所占的比率叫做图版率,通常情况下降低图版率会给人一种宁静典雅、高级的感觉。提升图版率会有充满活力,使画面有富有感染力的效果。


实际中也跟选取图片的元素/色调/表达出来的情感有关系,合适的图片也能散发出整个应用的气质,直接传达给人“高级”,“平民化”,“友好”等不同的感觉。


在内容比较少但是又想提高版面率的话可以采用一些色块,或者抽象化模拟现实存在的物件,例如电影票,书本纸张,优惠券,便签等的效果,使界面更友好也降低空洞的感觉。通过这种方式也可以改变页面所呈现出的视觉感受,只是这种方法最多改变页面的色调/质感,并不能改改变“阅读”内容的比例,这点是需要注意的。


3.颜色的使用

不同的颜色可以带给用户不同的感觉,这点应该是常识。在移动端界面中通常需要选取主色,标准色,点晴色。移动端与网页端稍微不同,主色虽然是决定了画面风格的色彩但是往往不会被大面积的使用。通常在导航栏/部分按钮/icon/特殊页面等地方出现,会有点晴,定调的作用。统一的主色调也能让用户找到品牌感的归属,例如网易红/腾讯蓝/京东红/阿里橙等等。标准色指的是整套移动界面的色彩规范,确定文本/线段/图标/背景等等的颜色。点晴色通常会用在标题文本/按钮/icon等地方,通常起强调和引导阅读的作用。


主色在选择上可能不止一个,点睛色通常也由两三个颜色组成,标准色更是一套从强到弱的标准群,那么在点晴色与主色,主色与主色之间的选择上便有不同的方法。第一种是邻近色配色(色相环上邻近的颜色),这种方法比较常用因为色相柔和过渡也非常自然。


第二种是同色系配色(色相一致,饱和度不同),主色和点晴色都在统一的色相上,给用户一种一致化的感受。


第三种是点亮色配色,主色用相对沉稳的颜色,点晴色采用一个高亮的颜色,起带动页面气氛,强调重点的作用。


第四种是中性色配色,用一些中性的色彩为基调搭配,弱化干扰。这种方法在移动端是最常见的方法。


4.留白的艺术

不单单是文字和图片需要设计,留白也是构成页面排版必不可少的因素。所有的白都是“有目的的留白”,带有明确的目的来控制页面的空间构成。


常见的手法有几种,第一通过留白来减轻页面带给用户的负担。首屏对一个应用来说十分重要,因此一些比较复杂的应用首评都堆积了大量的入口。如果无节制的添加,页面中包含的内容太多时,会给人一种页面狭窄的感觉,给用户带来强烈的压迫感,所以元素太多有时候反而不是好事。留白能使页面的空间感更强,视线更开阔,通过留白来减轻页面的压迫感,使用户进入一种轻松的氛围。


第二通过留白区分元素的存在,弱化元素与元素之间的阻隔。表单项与表单项之间,按钮与按钮之间,段落与段落之间这种有联系但又需要区分的元素用留白的方式可以轻易造成一种视觉上的识别,同时也能给用户一种干净整洁的感觉。


第三通过留白有目的的突出表达的重点。“设计包含着对差异的控制。不断重复相同的工作使我懂得,重要的是要限制那些差异,只保留那些最关键的。”这句话出自原拓哉的“白”一书中,通过留白去限制页面中的差异使内容突出是最简单自然的表达方式。减少页面的元素以及杂乱的色彩,让用户可以快速聚焦到产品本身,这种方法在电商类的应用上被大量的使用。


第四留白赋予页面构成产生不同的变化。版式设计中要有节奏感,这也是我一直强调了。传统杂志在每一页翻开都会有不同的视觉感受,我认为在app内很多板块之间的也是可以局部去突出个性或特点的。留白可以赋予页面轻重缓急的变化,也可以营造出不同的视觉氛围,通过留白去改变版式再配合四大原则可以产生出不同的效果。

值得注意的是,留白不是一定要用白色去填充界面,而是营造出一种空间与距离的感觉,自然与舒适境界。


5.视觉心理的灵活运用

在观看事物时,往往会产生一些不同的视觉心理,例如两个等宽的正方形和圆形放在一起,你一定会觉得正方形更宽。在版式设计中同样大量运用这些科学视觉方法对用户进行视觉上的引导,也能让设计师快速找到一些排版布局的方法。


首先最常见方法是的是灵活运用黄金分割比,文本与线段的间隔,图片的长宽比等地方都可以通过黄金分割比快速的设定。比如通栏高度的设定等等。


在界面排布中,往往圆角和圆形比直角更容易让人接受,更加亲切。直角通常用在需要更全面展示的地方,例如用户的照片,唱片封面,艺术作品,商品展示等地方。在个人类的feed或者头像,板块的样式等使用圆角会有更好的效果。


在全局页面的排版中也要避免单调,增加节奏感。


图片也是有不同的色调的,通过蒙版的方法可以控制这种色调。如果选择比较明亮的色调可以减轻这种对用户的压迫感,选择比较暗的色调可以让整个画面更沉稳,内容显示更为清晰。

最新更新

2021

09-16

   1.商家与用户之间每笔买卖信息包含供需双方的商户特性、买卖记载、货运记载、仓储位置、签收记载等等;    2.为了顺应各环节运用场景,在水产APP系统数据上传、对数据采用有效的紧缩算法,以到达用户在手机上更快的可以阅读数据同时节约挪动流量的目的。    3.用户能够依据本身所喜欢的海鲜,然后选择兴味阅读,APP平台既会引荐这类的海鲜,用户就能够在这上面选择本人所喜欢的。    常州永...

2021

09-14

   1.网站搜索引擎优化的施行    在这个无所不在的网站时期,没有排名网站,用户无法找到它。假如网站希望取得良好的排名,那么网站优化是不可防止的。    简而言之,网站优化就是网站内部和外部的优化。除了一些根本构造,代码关键词和网站优化之外,网站内部重要的内容是内容构建。每天提供新颖和共同内容的网站肯定会博得搜索引擎的喜爱,由于用户和搜索引擎都喜欢每天都有新内容的网站。因而,要做好的内...

2021

09-09

   关键词是网站流量的来源入口之一,关键词越多则标明你网站的流量入口就越多,访客就越多,那么就有更多的时机谈成订单,但是在关键词的优化上面我们又不可以过多的堆积关键词,一个页面关键词呈现的次数是有一定的规矩的,超越这个界线则是会被搜索引擎定义为关键词堆积从而招致页面不收录,网站被降权之类的状况发作。那么如何可以停止更多的相关关键词优化呢?    1、拆分关键词    大家在搜索的时分有没...

2021

09-07

   随着各种系统的降生,建立网站技术和工作流程也变成越来越容易。但是很多网站的效果却不是很好,有很多网站完成之后就成了摆设,基本就没有访问者进来。那么网站怎样制造才干吸收人来访问呢?    网站怎样制造才干吸收人来访问    网站只要在适用恰当的受众群体时才干够发挥作用。谁会看你的网站?这个问题的答案定义了网站的方向。明白目的访问者,并树立一个吸收他们的网站。大家都晓得一个页面是由字体、...

2021

08-31

   增加网页的文字内容    许多公司网站在引见产品时只要一张图片和一个简单的文字阐明。这样的类似度很高的页面是正常的。因而,在描绘产品时,您能够描绘细节,并恰当地增加网页中的文本内容,这能够减少页面阶段并允许用户完整了解该产品。    网站优化推行:广告由JS调用    当搜索引擎辨认出网站内容时,通常不会辨认JS中的内容。因而,能够经过JS调用来显现广告,以使页面的类似度不会太高。 ...

2021

09-02

   网站优化曾经成为了企业的日常工作,它不只提供了良好的营销推行效果,还更好的凸显了互联网平台的优势,让商家能够进一步发挥本人的品牌影响力。但在日常的优化过程中,应该留意哪些方面呢,这些也是很多用户比拟在意的事情。想要更好的做好优化,不只要提升软文推送的数量,还要理解详细的推送时间。    由于SEO是在搜索引擎停止关键词优化,所以要针对性的停止优化,才干够进一步得到想要的效果。特别是用...

2021

08-26

  一些网站在早期有很好的基础,所以他们上线后马上会有SEO排名,这些排名不会像某些普通网站那样在某个时间自动消失,而是会长期存在。我们怎样才能使SEO排名非常稳定地生存下去呢?  1、挖掘用户搜索需求  网站长期发展的前提是确保你的网站拥有用户的需求。无论是做SEO排名还是产品页面的内容,我们都需要探索行业内用户经常搜索的内容来撰写网站内容,从而确保网站能够解决用户的问题,提高网站的点击率...

2021

08-24

  软文本的优化并不难写,不需要优秀的文学天赋,也不需要惊人的讲故事能力。您只需澄清核心关键词与内容的关系,重点为用户提供帮助,吸引用户参与内容讨论,这可以有效提高优化软文本的质量,提高网站的质量。  网站优化的重要内容是原创内容的创建,原创内容创建的核心是优化软文本。这种软文本具有一定的广告效果,有助于提高内容质量。如今,它已经成为优化网站内容的一种重要方式。那么,如何才能有效地提高软件文...

2021

08-20

  1.网站数据分析当我们创建一个网站时,网站的初始SEO优化分析应该分析网站属于什么样的网站。网站的关键盈利点在哪里?网站的受众群体有哪些?网站未来的发展前景如何?这些问题都是网站建设初期必须考虑的问题。  2.关键词的准确定位  新站前期分析网站后,下一步就是定位关键词。我们应该如何定位他们?这必须根据你网站的类型、受众、客户等要素进行关键词定位。这里,给大家举个例子。比如你的网站属于S...

2021

08-18

  网站优化肯定会频繁查询网页快照,直接了解搜索引擎最近抓取网页的情况。当然,有些朋友已经习惯了通过网站日志学习蜘蛛对网页的抓取。然而,最近在一些与SEO相关的论坛上,我们经常看到一些关于网页快照显示不完整的问题被讨论。网页快照显示不完整是否影响SEO以及如何处理这些问题,朋友们的讨论结果也是参差不齐。针对这种情况,我查阅了官方的声明,整理了这篇文章分享给还有疑问的朋友。  根据站长平台提供...
 
 
 工作时间
周一至周五 :8:30-17:30
周六至周日 :9:00-17:00
 联系方式
客服热线:18921019311
邮箱:xukj@czcxwh.com