APP建设中该如何设计界面板式13
发表时间:2019-08-30 16:39 1.信息的排布 对任何信息进行排布的时候,首先必须要掌握的是对齐/重复/亲密/对比,贯穿设计的四大原则。 对齐除了能建立一种清晰精巧的外观,还能方便开发的实现。基于从左上至右下的阅读习惯,移动端界面中内容的排布通常使用左对齐和居中对齐,表单填写的输入项使用右对齐。 设计和做其他事情一样,也要有轻重缓急之分,不要让用户去找重点/需要注意的地方,应该让用户流畅地接收到我们想要传达的重要的信息。重复和对比是一套组合拳,让设计中的视觉元素在整个设计中重复出现既能增加条理性也可以加强统一性,降低用户认知的难度。那么在需要突出重点的时候就可以使用对比的手法,例如图片大小的不同或者颜色的不同表示强调,让用户直观地感受到最重要的信息。 在排布复杂信息的时候,如果没有规则地排布那么文本的可读性就会降低。组织信息可以根据亲密性的原则,把彼此相关的信息靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于减少混乱,为读者提供清晰的结构。 在设计表达的时候,一定要考虑内容的易读性。适当使用图形可以增加易读性和设计感,而且图形的理解比文字更高效。那些用文字方式表现时显得冗长的说明,一旦换成可视化的表现方式也会变得简明清晰,可视化的图形可以将说明/标题/数值这种比较生硬的内容,以比较柔和的方式呈现出来。 2.图片的使用 app的页面结构和文本确定之后,就要开始安排图标/按钮/图片的安排了,这时页面也就从单纯文本的“阅读”型结构调整为“观看”型结构,对于页面的易读性以及页面整体的效果会产生巨大的影响。页面中图片所占的比率叫做图版率,通常情况下降低图版率会给人一种宁静典雅、高级的感觉。提升图版率会有充满活力,使画面有富有感染力的效果。 实际中也跟选取图片的元素/色调/表达出来的情感有关系,合适的图片也能散发出整个应用的气质,直接传达给人“高级”,“平民化”,“友好”等不同的感觉。 在内容比较少但是又想提高版面率的话可以采用一些色块,或者抽象化模拟现实存在的物件,例如电影票,书本纸张,优惠券,便签等的效果,使界面更友好也降低空洞的感觉。通过这种方式也可以改变页面所呈现出的视觉感受,只是这种方法最多改变页面的色调/质感,并不能改改变“阅读”内容的比例,这点是需要注意的。 3.颜色的使用 不同的颜色可以带给用户不同的感觉,这点应该是常识。在移动端界面中通常需要选取主色,标准色,点晴色。移动端与网页端稍微不同,主色虽然是决定了画面风格的色彩但是往往不会被大面积的使用。通常在导航栏/部分按钮/icon/特殊页面等地方出现,会有点晴,定调的作用。统一的主色调也能让用户找到品牌感的归属,例如网易红/腾讯蓝/京东红/阿里橙等等。标准色指的是整套移动界面的色彩规范,确定文本/线段/图标/背景等等的颜色。点晴色通常会用在标题文本/按钮/icon等地方,通常起强调和引导阅读的作用。 主色在选择上可能不止一个,点睛色通常也由两三个颜色组成,标准色更是一套从强到弱的标准群,那么在点晴色与主色,主色与主色之间的选择上便有不同的方法。第一种是邻近色配色(色相环上邻近的颜色),这种方法比较常用因为色相柔和过渡也非常自然。 第二种是同色系配色(色相一致,饱和度不同),主色和点晴色都在统一的色相上,给用户一种一致化的感受。 第三种是点亮色配色,主色用相对沉稳的颜色,点晴色采用一个高亮的颜色,起带动页面气氛,强调重点的作用。 第四种是中性色配色,用一些中性的色彩为基调搭配,弱化干扰。这种方法在移动端是最常见的方法。 4.留白的艺术 不单单是文字和图片需要设计,留白也是构成页面排版必不可少的因素。所有的白都是“有目的的留白”,带有明确的目的来控制页面的空间构成。 常见的手法有几种,第一通过留白来减轻页面带给用户的负担。首屏对一个应用来说十分重要,因此一些比较复杂的应用首评都堆积了大量的入口。如果无节制的添加,页面中包含的内容太多时,会给人一种页面狭窄的感觉,给用户带来强烈的压迫感,所以元素太多有时候反而不是好事。留白能使页面的空间感更强,视线更开阔,通过留白来减轻页面的压迫感,使用户进入一种轻松的氛围。 第二通过留白区分元素的存在,弱化元素与元素之间的阻隔。表单项与表单项之间,按钮与按钮之间,段落与段落之间这种有联系但又需要区分的元素用留白的方式可以轻易造成一种视觉上的识别,同时也能给用户一种干净整洁的感觉。 第三通过留白有目的的突出表达的重点。“设计包含着对差异的控制。不断重复相同的工作使我懂得,重要的是要限制那些差异,只保留那些最关键的。”这句话出自原拓哉的“白”一书中,通过留白去限制页面中的差异使内容突出是最简单自然的表达方式。减少页面的元素以及杂乱的色彩,让用户可以快速聚焦到产品本身,这种方法在电商类的应用上被大量的使用。 第四留白赋予页面构成产生不同的变化。版式设计中要有节奏感,这也是我一直强调了。传统杂志在每一页翻开都会有不同的视觉感受,我认为在app内很多板块之间的也是可以局部去突出个性或特点的。留白可以赋予页面轻重缓急的变化,也可以营造出不同的视觉氛围,通过留白去改变版式再配合四大原则可以产生出不同的效果。 值得注意的是,留白不是一定要用白色去填充界面,而是营造出一种空间与距离的感觉,自然与舒适境界。 5.视觉心理的灵活运用 在观看事物时,往往会产生一些不同的视觉心理,例如两个等宽的正方形和圆形放在一起,你一定会觉得正方形更宽。在版式设计中同样大量运用这些科学视觉方法对用户进行视觉上的引导,也能让设计师快速找到一些排版布局的方法。 首先最常见方法是的是灵活运用黄金分割比,文本与线段的间隔,图片的长宽比等地方都可以通过黄金分割比快速的设定。比如通栏高度的设定等等。 在界面排布中,往往圆角和圆形比直角更容易让人接受,更加亲切。直角通常用在需要更全面展示的地方,例如用户的照片,唱片封面,艺术作品,商品展示等地方。在个人类的feed或者头像,板块的样式等使用圆角会有更好的效果。 在全局页面的排版中也要避免单调,增加节奏感。 图片也是有不同的色调的,通过蒙版的方法可以控制这种色调。如果选择比较明亮的色调可以减轻这种对用户的压迫感,选择比较暗的色调可以让整个画面更沉稳,内容显示更为清晰。
文章分类:
行业资讯
2025 06-13 在数字化转型的浪潮中,企业运营模式的革新迫在眉睫。常州企业小程序宛如一把钥匙,开启了智能预约与订单管理的高效之门,助力企业在竞争中脱颖而出。 对于服务型企业而言,智能预约功能解决了传统预约方式的诸多痛点。以一家美容美发店为例,以往顾客预约需打电话沟通,易出现占线、记错时间等问题。有了小程序后,顾客可随时在小程序上查看服务项目、技师排班,自主选择预约时间。系统还会提前发送提醒消息,避免顾... 2025 06-13 在信息过载的时代,如何让用户在众多商品中快速找到自己需要的,成为企业亟待解决的问题,而常州企业小程序的基于用户画像的个性化推荐算法给出了答案。 小程序通过收集用户在使用过程中的各种数据,如浏览记录、搜索关键词、购买历史等,构建精准的用户画像。以一家图书小程序为例,若用户经常浏览文学类书籍,且购买过某作家的作品,小程序就能判断该用户对文学类书籍有较高兴趣,尤其是该作家的作品风格。 基于... 2025 06-12 在信息过载的时代,如何让用户在众多商品中快速找到自己需要的,成为企业亟待解决的问题,而常州企业小程序的基于用户画像的个性化推荐算法给出了答案。 小程序通过收集用户在使用过程中的各种数据,如浏览记录、搜索关键词、购买历史等,构建精准的用户画像。以一家图书小程序为例,若用户经常浏览文学类书籍,且购买过某作家的作品,小程序就能判断该用户对文学类书籍有较高兴趣,尤其是该作家的作品风格。 基于... 2025 06-12 随着企业业务的不断发展,对小程序的性能和运维要求也日益提高,而云技术的出现为常州企业小程序的发展带来了新的契机,助力其实现弹性扩展与高效运维。 在业务高峰期,云技术能够实现小程序的弹性扩展。以一家电商小程序为例,在“双十一”“618”等购物节期间,大量用户涌入小程序,云服务器可以根据实时流量自动增加计算资源和存储容量,确保小程序能够稳定运行,不出现卡顿、崩溃等问题。而在业务低谷期,云服... 2025 06-11 在企业运营过程中,获客成本的高低直接影响着企业的盈利能力,而常州企业小程序作为一款轻量级营销工具,为企业开辟了低成本获客的新路径。 小程序的开发和维护成本相对较低,这是其成为轻量级营销工具的基础。企业无需投入大量资金开发复杂的APP,只需开发功能实用的小程序,就能快速上线运营。一家小型玩具店,通过开发小程序,展示玩具产品、接收订单,成本远低于开发独立APP,大大减轻了企业的资金压力。 ... 2025 06-11 在数字化时代,数据就是企业的核心资产,而如何从海量数据中挖掘价值,成为企业发展的关键。小程序为常州企业打开了一扇通往智能数据分析与可视化的大门,助力企业精准决策,提升竞争力。 常州企业小程序能够收集多维度的数据,涵盖用户的基本信息、浏览记录、购买行为等。以一家服装电商小程序为例,通过分析用户的浏览记录,了解用户对不同款式、颜色服装的偏好;通过购买行为数据,掌握用户的消费频率、客单价等信... 2025 06-10 在当今竞争激烈的商业环境中,各行各业都面临着诸多痛点,而常州企业小程序作为一款轻量级工具,以其便捷、高效的特点,为解决这些痛点提供了新的思路和方法。 对于中小企业而言,资金和技术资源有限,开发和维护大型应用程序往往力不从心。常州企业小程序则打破了这一困境,其开发成本低、周期短,企业无需投入大量资金和人力,即可快速搭建属于自己的小程序。例如,一家常州的小型服装加工厂,以往通过线下渠道销售... 2025 06-10 当小程序遇上物联网技术,一场智能变革悄然开启。常州企业敏锐捕捉到这一机遇,将小程序与物联网技术深度融合,打造出一系列智能应用场景,为用户带来全新体验,为企业发展注入新动力。 在智能家居领域,常州企业的小程序与物联网设备实现无缝对接。用户通过小程序可以远程控制家中的智能家电,如智能空调、智能灯光等。例如,一家常州的智能家居企业开发的小程序,用户在下班途中,即可通过小程序提前打开家中的空调... 2025 06-09 在信息过载的时代,如何让用户在海量信息中快速获取自己感兴趣的内容,成为企业面临的一大挑战。常州企业小程序引入智能推荐算法,实现个性化内容推送,为用户带来了全新的体验。 智能推荐算法的核心在于对用户数据的深度分析。常州企业小程序通过收集用户在小程序上的浏览记录、购买历史、搜索关键词等行为数据,运用机器学习和大数据分析技术,构建用户画像。例如,一家电商小程序通过分析用户的购买记录,了解用户... 2025 06-09 在这个信息爆炸且追求高效的时代,精准定位成为众多企业服务的关键突破口,而基于LBS(Location Based Service)的技术则为这一目标的实现提供了可能。常州企业小程序巧妙运用LBS技术,开启了精准位置服务的新篇章。 借助LBS技术,常州企业小程序能够精准获取用户的位置信息。对于线下门店众多的企业来说,这一功能尤为重要。例如,一家连锁餐饮企业的小程序,当用户打开小程序时,系... |