设计app版面_设计版面的app

艾丽游戏ing 2023-10-27 07:55 1

如何设计好看的APP界面？

一个好看的APP界面有几部分组成：页面布局、颜色、图标、配图

设计app版面_设计版面的app

先来说说布局。布局就像房子装修一样，装修之前，先做房子的布局，布局好坏，决定了整个的基调。APP的布局有列表式、九宫格式、陈列馆式、选项卡式、旋转木马式等等。

再来说颜色，现实生活中，会发现同样的原型图给到不同的设计师，设计出来的界面千差万别，最主要的差别就在于色彩的选择和搭配上。

首先是注意主色调和辅色调的占比，控制好界面的辅助色的数量。其次是尝试不同的配色方法，比如对比配色、单一配色、近似色配色、渐变配色等。

其次我们来说图标。图标是APP界面中很重要的一部分，我们所了解的图标风格有很多，比如：线性图标、面型图标、拟物图标等。无论选择哪种表现形式，切记要保持图标风格统一、同一模块图标视觉大小统一，并正确传达图标的含义。

最后就是配图，图片是构成界面的重要元素之一，它可以帮助我们丰富界面，所以在图片的选择使用上需经过仔细地考量。一般选择和产品定位相关的图片，另外保证图片的质量。

事了了：candy

我们为您提供专业的互联网服务，帮助您利用互联网高效获得客户。

服务内容包括：软件开发服务，APP,微信平台，小程序，网站，管理系统等；互联网高级人才推介服务；创业，互联网转型辅导；短期用工服务。

App界面设计

App界面设计是UI设计师们普遍需要设计的内容，具体App界面设计流程是怎么产生的？刚好我在CGWANG培训学院了解咨询过相关的设计流程，再结合一些企业内部设计师们的工作情况，最后为大家总结出了以下几个方面，针对产品经理、交互设计师、视觉设计师提出的建议。

完整的流程，分层次设计，自下而上去完成：

1、策略层，定义产品使命、价值、目标人群

2、愿景/功能层：定义核心场景、功能列表

3、结构层：做流程图、信息架构，确定主导航、主菜单

4、框架层：梳理每一个主界面的内容、布局

5、表现层：视觉设计，涉及图标、配色、切图。

产品经理主要关注1~2，在去找设计师之前，请先问自己以下几个问题，以保证需求明确：

1、产品给用户带来的价值是什么？

2、竞品有什么？我们做这个有什么优势？

3、为什么样的用户而做？

4、用户会在什么样的场景下使用这个产品？

5、要完成这个产品，最大的瓶颈是什么？是技术攻关？体验出彩？还是运营资源？

交互设计师主要关注3~4，在交付方案之前请先不断问自己以下几个问题，以保证体验质量：

1、该界面要求用户完成的最重要的任务是什么？

2、这是最简单的解决方案吗？

3、信息是否组织得当？

4、设计是否易用且一目了然？

5、标准是否一致？

6、能否减少用户点击次数？

视觉设计师主要关注5，在与产品经理PK之前请先不断问自己以下几个问题，以保证减少返工：

1、界面上需要突出的重点是什么？是否进行了有效的突出？

2、界面上一共有几个层级，是否用清晰的视觉语言予以展现？

3、同样层级、同样性质的元素是否用了一致的设计语言？

4、主色调、材质，是否符合整体品牌感？

5、细节有无丢失？按钮点击态、反馈、缺省状态、字数超出、加载中、未加载态、加载失败态，是否都提供了？

另外，合作不易，三个角色分别需要注意的问题：

对于产品经理：

1、APP的设计，不要只看竞争对手确定自己的定位，不要“因为竞品A和B没有做到，所以我们要做比A和B更牛B的XX功能”，而是要以用户为导向，思考自己为客户提供的价值。在向其他人描述你的想法时，请用这样的句式来描述和思考：XXX这一类型的人在XXX的时候、XXX的环境下，想要做XXX事情，遇到了XXX问题。而我们这个APP能够通过XXXX方式巧妙的帮助他解决了这个问题。

2、不要直接拿线框图给交互设计师看，直接描述你的需求即可，描述清楚。让设计师知道你的目标是什么，接下来让交互去画原型，让更专业的人做专业的事。

3、不要太纠缠视觉，对于一些无关紧要的细节，该放手就放手，尽量减少提出主观意见。

4、别太迷信用户反馈，能提反馈的，大部分都是粉丝、深度用户、高级用户，他们代表不了全部用户的心声。

5、让开发主管去评估工作量，如果对某一部分工作量的评估觉得时间太长，就把它拆分成子任务。

6、每周对一到两次开发成果，别频繁的去打扰人家。

7、bug不断发现，不断修复，发现/修复率小于1，才开始变得可控了，才能确定bug的具体规模并精准预测发布日期

8、少做少错，新版本尽量别加太多锦上添花的功能，满足最核心的就行了。

对于交互设计师：

1、不要一提商业化就头疼，谁不想做一个干干净净没广告的APP?别老想着高大上，目标最重要。通过你的设计，让用户消无声息的贡献点击，让商业化变得人性化，这才是你的本事。

2、别太窝囊，别产品说怎么改，就怎么改，要跟他争，把自己当成产品的owner，产品的数据、规划，你全都要知道，这样信息对等了，才有话语权，才能有机会站在用户角度提供人性化的设计建议，否则只能是个画线框图的。

对于视觉设计师：

1、简洁不等于好（在业界大谈特谈简约至上的风气下，一定有人对这句有疑问，不细解释，请自行先翻一下诺曼的《如何管理复杂》这本书）。符合用户的心智模型，让人一目了然，才是好。

2、别做一大堆方案，ABC方案抛出去让人选，这样累不累？自己先判断哪一个方案最好，把它做到自己满意、可行、拿得出手，就行了，不要沦为美工。

3、给开发的视觉稿，先自己想一下，布局如何实现，不同屏幕尺寸如何适配。如果有动画效果，别天马行空的描述，能做出动画示意最好，做不出来，也找一个靠谱的示意。别让开发gg太上火。

最后，90%的问题本质上都是沟通问题！90%的争论本质上都是名词之争！

总结

如何做APP界面设计

格式塔原理的基本原则

1. 接近原则

物体之间的相对距离会影响我们感知它们的关系。相互靠近的物体被认为比相互距离较远的物体更有关联性。

2. 相似原则

格式塔原理中的相似和接近两个原则一起运用在产品设计中。它指出了影响我们感知分组的另外一个原则：有共同视觉元素的物体看起来更有关联性。我们倾向于将看起来相似的对象视为一组或者一个模式，并且将它们与特定含义或者功能联系在一起。

3. 连续原则

我们的视觉倾向于感知连续的形式，而不是离散的碎片。并且能感知到整个物体的倾向。连续性通过构图来帮助我们感知事物的形状和运动方向。界面中的设计元素，会引导眼镜在平面中的移动，提高界面的可阅读性。创建顺序并且指导用户浏览不同的内容分组。

格式塔原理在设计方案中的应用

1. APP主页

你的APP主页是呈现给用户的第一印象，所以，一定要做到页面的合理布局，相关内容的排序等级以及导航模块的多元化设计。依据接近原则准和相似原则，设计师可以将APP主页进行模块划分，使主页的布局更加明晰化，达到用户友好的目的。

2. 列表页

一个APP中大多数页面都是列表页，用于区分同类信息，列表页布局往往有图文混排、纯文本、图片列表、宫格、卡片。列表页的设计方案目的是不仅让客户准确理解设计布局又能够恰当的引导用户进行操作。根据列表页的内容特点，我们可以根据连续性原则，在同一模块下使用统一的设计样式，这样依据视觉上的活动惯性引导，用户就能够在自己所感兴趣的垂直领域连续阅读，非常方便。

设计师在APP的页面方案设计中，除了要了解和尝试使用各种方法去提升设计之外，了解用户的需求也是必不可少的，从使用者的角度出发，你的设计交互性才会更加的适用。

如何做好一个APP界面设计

UI 设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。UI 设计分为实体 UI 和虚拟UI，互联网说的 UI 设计是虚拟 UI, UI 即User Interface(用户界面)的简称。

UI 设计师的职能大体包括三方面:一是图形设计，软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量 UI 设计的合理性。

UI设计目前的前景还是很不错的，很多企业都缺少 UI设计师。而且可以看到的是，现在社会的发展，更多的智能机和智能机器人研发出现，这些都离不开UI 设计师。所以说 UI 设计的是很有前途的，是不会失业的。而且 UI 设计门槛不高，要入门也不难的。

从工作内容来说，UI 设计在当前的互联网领域、科技领域可以说无处不在，

好的 UI 设计能够明显提升用户的使用体验,从而给产品带来更多的附加值,所以UI 设计对于互联网产品是非常重要的。目前 UT 设计通常分为两个大的工作方向，一个是交互设计,另一个是视觉设计。

总的来说，UI 设计相比较于编程而言，还是非常适合大众学的并且就业前景很广阔。学完 UI 设计，能获得一份稳定而又不失乐趣的工作，同时有利于追求更高品质的生活，在艺术领域可以获得更多的启迪。

APP界面设计的原则？

界面布局的简洁简洁的设计理念在手机软件界面的设计中尤为重要。简洁有度的排版布局设计能为用户思想的融入留出空间，有效提高人机交互的效率。当下是一个大规模生产以及信息过剩的时代，处在激烈竞争、事物繁忙状态中的人们，生活步调在不停地加快，根本无暇顾及过多的装饰细节。简洁干净的设计，不仅可以留给人们片刻的清新与安宁，而且可以有效地帮助用户集中精力完成正在着手的工作。

文章图片3

手机界面排版布局的简洁可以从屏幕显示量精练、显示一致性和即看即所得这三个角度来体现。首先来看屏幕显示量的适度精练，它是指适度地安排手机软件界面中的各要素例如选项标识等，既不能过于拥挤，亦不可过于稀疏。科学证明，屏幕总体覆盖率不应该超过40%，而分组覆盖度不应超过62%，否则就容易造成用户的不安和心理负担。信息过度会使用户有目不暇接的繁杂感，手机界面本来就有面积小的特征，如果显示项目过多真的会使使用者不愿意继续操作下去。而稀疏和空洞的屏幕覆盖率又会分散注意力，使用户打不起精神。所以手机软件界面的显示项目数量要适度，依据科学行事。

文章图片4

再来说显示的一致性，在手机软件界面中它一方面是指设计语言在表达上的一致性，例如图标、色调，布局、文字字体及大小，表达术语等的统一性；另一方面是指手机界面在任务信息的表达、界面控制等方面与用户熟悉的理解模式相一致。一致性本来就是设计简洁的表现，它是设计师最大限度利用资源的手段。要求设计尽可能达到简约的同时，设计师不可以以牺牲准确性为代价，因为这样会使用户的理解产生歧义，增添不必要的麻烦。文章图片5

即看即所得要求在设计手机软件界面时设计师要把所设计内容清晰地外化出来，保证用户随时都清楚什么是可行的操作，应该怎样继续，在使用者意图和操作之间建立自然的匹配以达到美的人机交互体验的目的。这些都考验了设计师的把控能力。因此即看即所得是手机排版布局得以简洁的更深层的可行性支持。文章图片6

利用最佳视域设计符合逻辑的界面布局在手机软件界面设计中，视觉注意十分重要，是人们与手机进行交互的起点，只有先在视觉上引起人们的注意，信息才能成功地传达。在我们观察事物的时候，总有信息会被我们接收，也总有信息会被我们忽略，这是选择注意的表现。人的注意力是有限的，它与意识的强弱程度有着很密切的关系，当外界信息超出了我们能处理的范围时，我们就会把注意力集中在与目的相关的信息上，或者是引起我们兴趣、爱好的事物上。当下，要想引起人们的注意，产品一定要在视觉和功能上能够体现用户具体的目标核心价值观，只有这样才能吸引人们的注意力。

文章图片7

手机软件界面的合理布局有法可依——最佳视域。视域指的是人们能看得见的区域，这个区域包括了从一个驻足点上所能看到的一切。“形式的接受是一种新的心理格式塔的形成过程。格式塔不单是指图形样式，重要是指组织整体。”软件界面设计的逻辑性可以帮助这种心理格式塔的快速形成和建立。人因工程学证明，人在头部静止且眼睛正常活动状态下，水平方向的左25度为最佳视域；垂直方向则是0度到下30度为最佳视域。文章图片8

人们的眼睛习惯从左到右，由上至下地扫视，适应顺时针方向的搜索，在偏离中间位置相同距离的视域范围中，眼睛的观察效率在屏幕各象限中按照左上，右上，左下、右下的顺序递减。因此，在手机软件界面设计中重要的信息应该落在人们的最佳视域范围内，并且在设计中利用信息板块之间良好逻辑关系对视觉要素位置进行合理布局，保证使用者对手机信息有高效的视觉认读效率。文章图片9

界面的美感的整合（视觉平衡）人类的情感、情绪和认知是一个相互补充和相互形象的有机体，设计美观的物品使人情绪良好，这种感觉反过来可以激发他们更具创造性地思考，这对用有机界面的易用性起到了很大的作用，研究表明愉快的人较善于发现解决问题的其他方法，因此能够容忍较小的难度。极具美感的设计能够使用户与产品间的互动进入一个良性循环中。

文章图片10

正因如此，当我们满足了手机软件的实用性和科学性时，美感就是我们为满足用户需求的重要考虑的内容了。我们前面提到过美感的经验是多维度的，在追求美的过程中人们都希望自己的五感都能得到满足。在手机界面设计中，我们现在的科技只能达到视、听、触三感的满足。我们的可视界面是满足视觉美感的重要途径，要得到足够的重视。掌控手机软件界面的美感应从整体入手，对各个界面布局中的视觉元素进行合理搭配以达到视觉上整体的平衡与和谐。文章图片11

我们必须谨慎入微地考虑设计中色彩、质地、图像造型和整体版面的设计，让各要素充分担当视觉传达为它们指定表现的责任内容，为用户提供更加愉悦的操作环境与心境，提高它们对手机视觉界面的整体印象和使用兴趣。我们知道色彩的明暗与纯度，形状的长宽高矮，肌理平滑与粗糙都会在我们视觉中产生力的作用，对观看者有着明显心理影响。文章图片12

版面布局的平衡感对界面整体形象十分关键，正所谓毫厘之差，微妙所在，绝对不能因为视觉形式反差的大小影响用户感官的舒适程度。我们可以通过适度把握文本与空白的显示比例、图形样式的繁简度、背景色彩与软件主体图标的明暗对比等控制视知觉中力的平衡。这样就能够使手机软件界面