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

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

1.信息的排布

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

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


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


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


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


2.图片的使用

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


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


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


3.颜色的使用

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


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


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


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


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


4.留白的艺术

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


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


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


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


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

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


5.视觉心理的灵活运用

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


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


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


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


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

最新更新

2022

06-27

  一:网站设计需简约大气  简约不表示简单,也不表示技术含量低,而是运用专业的代码编程和设计技术给常州企业打造一款专属网站。如今都盛行简约大气的网站设计,所以网站不只需设计的精巧,还要看起来简约,给客户提供一个舒适的视觉效果,这样对网站的好感度也会进步。简约普通表现在网站栏目合理规划,之间距离有度,留白合适,运用的装饰元素大方不夸大,并且在颜色搭配上详细艺术效果。  二:菜单设计便当好用 ...

2022

06-29

  何为“营销型网站”?是像淘宝店铺那样的卖产品的网站吗?其实不是,淘宝店铺是属于营销型网站的一种,而不能代表营销型网站。营销包括销售产品,同时还包括销售前期的宣传、推行,同时还包括有利于促进销售的任何行为。故而,企业营销型网站也是如此,是企业经过网络提供信息资源、维护客户、宣传企业等各种效劳来效劳于企业,提升企业形象、扩展企业知名度、增加销售的网站建立。  要做好企业营销型网站,首先要明白...

2022

06-29

  随着互联网的快速开展,很多企业都在互联网上吃到了甜头,也有很多常州企业网站充沛认识到企业网站给企业带来的诸多益处,目的性更明白,下面,常州网站建立公司就和大家分享一下营销型网站建立为什么会取得大家喜爱,而且契合当前企业网站建立开展方向。  作为企业来说,网站的重要的一个功用就是可以给企业带来一定的经济效益。这曾经在很多企业中达成了共识,什么样的网站可以给企业带来效益呢?企业网站走了一段探...

2022

06-27

  如今人们的生死水平不时的进步,人们对质量的请求也加高了,对产品的请求也越来越迫切,在网站行业也是一样的,需求越来越多高端的网站来完成访客的请求,而网页的质量也有高有低,所发挥的作用也就不同了,那么企业网页制造的质量如何改善呢?  关于网站内容营销来说,内容的质量比数量重要,很多网站维护人员为了进步网站内容的数量,而把内容的质量减少,这是一种相当不明智的做法。网络降生这些年来,很多网站都是...

2022

06-25

  每次翻开网页时,都会看到很多从未翻开过的网站。 起初,当我看到那些网站时,我依然觉得很新颖。 后来,它变得无聊,由于没人愿意看到其中的一些。 不愿意查看该网页,因而,假如您打算创立本人的企业并希望运用网站来辅佐本人销售产品,那么我们更好在网站的推行上努力工作,而不是让人们感到无聊和不愿观看。  一,态度  假如您打算雇用一个专业团队来树立本人的网站,那么在寻觅网站建立者时需求设定本人的请...

2022

06-25

  一、常州网站建立所具有的成效有多大?  针对开发网站的成效是无需疑惑的,现往常网站运用普遍,大局部尺寸企业都有着归属于本身的网站,具有的成效也数不胜数。因而 开发网站虽然花销了钱,但从长期性看,项目投资的收益超越资金投入,并且对知名品牌的进步也比拟突出,常州网站建立的费用能够说价钱合理,特别是在现往常互联网开展一日千里的情况下。但是假设要制造网页,提议用SEO技术性,不但能开发设计大量用...

2022

06-23

  针对常州企业网站的网页设计计划而言,网页內容和网页艺术创意原素,在网页之中具有非常主导作用。许多非专业工作人员针对网页印象是原型图、手绘稿,实践上这两个仅仅前期网页设计计划之中一个流程而已,要想设计计划进来让顾客的客户称心网页,必需历经多种流程,下边就为大伙儿关键细致引见下,常州网站建立必需思索到什么事宜?  1、企业的形象  不一样的企业形象给人念头是不一样,就拿企业LOGO而言,你毫...

2022

06-23

  树立常州企业网站有哪些流程和需求留意的事项? 接下来永佳软件常州网站建立公司将为您逐渐剖析。公司网站建立的主要步骤是:肯定网站主题款式,注册域名绑定空间,网站设计与制造,网站界面建立,网站背景程序建立以及网站启动。  肯定网站主题作风  肯定网站的主要主题款式是网站建立之前的重要一步,它决议了网站的将来开展目的和开展方面。网站的主题款式能够依据公司的产品,效劳,目的客户需求以及行业打造本...

2022

06-22

  常州企业网站做SEO优化说大点便是为了跟上“互联网+”步伐,说小点便是为了树立企业形象,鼓吹企业品牌,在互联网上鼓吹企业的品牌、产物以及效劳项目,为了带来潜在客户,取得商业价值。只需我们了解了企业网站SEO优化的企图,我们才干够做好常州SEO优化作业。关于常州SEO优化傍边选择关键词方面我们要做到,要选择契合企业相关性比拟强的关键词,关于关键词我们又要了解契合转化率高的关键词。  关于常...

2022

06-22

  随同着诸多中小型网站的盛行,电商效劳平台中间的商业效劳市场竞争日益加剧。做为一个常州网站优化效劳项目工作人员,大家应当理解,假如我们想干网站,大家必需应用搜索引擎的检索规范,去展开网站提升。网站提升是一个信息系统集成的全过程。从开端的整体规划到之后的创立和运营,网站提升无所不在。  现往常,很多中小型企业趋向于选择网站的代管空间。假设云虚拟主机室内空间通常不稳定,网站通常打不开,因此这非...
 
 
 工作时间
周一至周五 :8:30-17:30
周六至周日 :9:00-17:00
 联系方式
客服热线:18921019311
邮箱:xukj@czcxwh.com