你不知道的那些App里暗含“文字”设计技巧随着互联网技术的高速发展、传播媒体的国际化、信息资讯的大量膨胀，以及人们多元化需求的唤醒，原来单一的信息传播方式受到了冲击。人类获取信息的方式从最早的象形文字到现代富媒体的形式，富媒体让信息的表达不

随着互联网技术的高速发展、传播媒体的国际化、信息资讯的大量膨胀，以及人们多元化需求的唤醒，原来单一的信息传播方式受到了冲击。人类获取信息的方式从最早的象形文字到现代富媒体的形式，富媒体让信息的表达不再仅限于文字，它可以包括文字、图案、表情、色彩、语音、音乐、视频等。文字作为最直接，最有效的方式仍然是信息表达的首选。 下面是一个阅读类的app｜日课，功能按钮只用文字来表达，是不是蛮合意境的：

那么，文字在信息传播中有何种特点呢？首先，文字是叙述性的。因为它直接而具体地告诉受众所指的内容。其次，文字也是一种符号图形，代表了某种需要理解的含义。下面先用几个例子直观理解下文字的叙述性及符号图形两个特点。•菜单，叙述为主

•这是一幅室内设计的平面图，文字是叙述性的。

• 这是标准的键盘，文字是叙述的。

• 地图里的文字也是叙述的。

•指示牌，叙述+图形符号化

•这是一段HTML的最基本的代码结构，文字是叙述的也是符号化的。          
                  
                          
                 
                  
                           

•海报，叙述+图形符号化

从单纯的叙述性到符号图形的层层渐进，从一开始的菜单能最大的表达更多内容，到最后一张海报所表达的含义越发单纯。那么，在设计时，如何拿捏文字的叙述性与符号图形这2个特性？一、关于叙述性，可以通过归纳一些同语境的关键词，来进行设计。按照app的功能属性进行大致分类，叙述性对应各功能属性的关键词有以下几种：a、阅读属性b、电商属性c、旅游/活动属性d、工具属性e、分类排行属性1.1阅读属性所调查的app中，除了单读、阅界这2款app基本不用文字来表达，其余app用的比较多的关键词，比如头条、推荐、精选、热门、今日、收藏、热点、发现、关注等。研究的一些app：网易：头条、科技、汽车、时尚、图片、24、测试阅读口味，获得更优质的推荐、置顶、跟贴、新闻、阅读、视听、话题、我。 站酷：推荐反正：精选、更多、热门神补刀：高分榜、看看、玩玩日课：我的、日课、设置、收藏、原文、今日、分享墨客诗：收藏、设置、春节、作者、目录、分享视频头条：推荐、社会、娱乐、搞笑、头条、爆料圈、历史、我今日头条：推荐、热点、上海、视频、社会、订阅、首页、视频、话题、我的fork：贴纸、分享、转发、关注、发现、通知、我未来研究所：筛选、推荐、关注、娱乐、体育、财经、预测、专题、发现、福利、个人1.2电商属性电商类的用得比较多的关键词为：商品、店铺、超市、优惠券、购、抢、领、降价、秒杀、好货、逛街、清单、购物车、超值、买单、立减、省。研究的app清单：京东：扫啊扫、消息、搜索京东商品/店铺、京东超市、全球购、服装城、白拿白赚、京东到家、抢2元话费、领京豆、优惠券、降价排行、全部、京东快报、秒杀、京选尖货轮番秒、手机专享、限时满减、闪购网易考拉：在千万海外商品中搜索、推荐、新发现、母婴、美妆、箱包配饰、每日签到、限时购、每日上新、立省5元、首页、活动、分类、购物车、我的考拉淘宝：扫一扫、流量任性花、消息、天猫、聚划算、天猫国际、口碑外卖、天猫超市、充值中心、阿里旅行、领金币、淘生活、分类、淘宝头条、淘抢购、有好货、爱逛街、必买清单、首页、微淘、社区、购物车、我的淘宝1号店：上海、搜索你想找的商品、1号团、充值中心、小区雷购、活色生鲜、1号闪购、1号商城、新品试用、订单查询、低价真相、手机会场、电脑会场、精选会场、首页、分类、1品堂、购物车、我的1号店汽车超人：上海市、优惠洗车、超值精洗、折扣车险、查违章、换轮胎、去保养、换机油、折扣加油、车品特卖、特惠保养、幸运大转盘、快抢车、首页、周边门店、我的萌贩：这里！搜索你想要的宅品、搜索、COS用品、周边食玩、手办模型、衣服家装、同人创作、ACG原作、每日一买、买买买、宅品、晒图、我的1.3旅游/活动属性旅游类的用得比较多的关键词为:目的地、景点、主题、交通、车程、排序、附近、发现、订单、门票、攻略、签证、酒店。研究的app清单：携程周末游：目的地、主题、默认排序、车程、活动树：活动分类、活动日历、附近、今日推荐、首页、发现、我的去哪儿：搜索旅行地/酒店/景点、酒店住宿、300元红包未激活、酒店团购、今日特惠、公寓、钟点房、国际酒店、会场、客栈民宿、交通出行、机票、火车票、特价机票、汽车票、车车、旅游&攻略、门票、攻略、旅游团购、签证、首页、服务、订单、发现、我的1.4工具属性应用的范围不一样，关键词差异较大，这个得具体问题具体研究了。研究的app清单：印象笔记：设置、文字、照片、提醒、清单、群聊、工作群聊、查看、笔记、全部、笔记本、标签、高铁管家：火车票、飞机票、专车、踏青、出发地、目的地、出发日期、搜索、常用搜索、车票预定、我的行程、旅行服务、个人中心1.5分类排行属性关键词：类别、精品、推荐、排行、更新、精选、新、优秀研究的app清单：Applestore：类别、精品推荐、优秀新App、显示全部、升级好帮手、精品推荐、排行榜、我的附近、搜索、更新pp助手：大家都在搜、必备、榜单、分类、活动、插件、优秀新软件、显示全部、优秀新游戏、精选、软件、游戏、个性、管理以上是一些归纳总结的关键词，供参考。二、符号图形，我们可以从可识别性和可阅读性两方面探讨。这里总结了8种关于文字图形符号化的设计技巧：2.1运用色彩、大小对比、深浅对比

给文字加点颜色，变换下大小，立马不一样哦～2.2正反图底关系

  想更凸显文字，可以试试加个底色～2.3转成繁体字

直接换成繁体字，简单又好用～2.4品牌居中置顶

这已经成默认设置了，都是这样布置的2.5个性化的搜索框提示

这里可以开脑洞啊，给产品一个符合特性的搜索提示语吧！～2.6标签化

打标签，装饰味很足，容易吸引眼球2.7图形+文字

直接把文字图形化，但仍然保留文字信息，比纯粹图标表达的意思更准确2.8文字图形化

文字图形化，要设计得好需要花点时间呢最后，再总结下：一、叙述性，归纳同语境的关键词，按照app的功能属性分类，有：阅读、电商、旅游/活动、工具、分类排行属性二、符号图形，从可识别性和可阅读性两方面，总结了8种关于文字图形符号化的设计技巧。具体应用的时候，根据需求，拿捏好2者的关系即可。原作者：shadow文章来源： 互联网er的早读课

1.加入视觉层次感 排版设计中视觉层次结构的加入，是为了突显某些重要内容而做的设计技巧。因此，你在设计过程中，创建和移动内容时需要以用户接受信息的难易程度为依据。

如果不使用视觉层次结构排版准则，用户在识别重要信息的时候将非常困难。

2.使用网格设计 了解和使用网格进行排版设计是至关重要的。它可以确保页面中元素之间保持逻辑和视觉上的和谐统一。这样可以保证设计整体的凝聚力和关联性。

正如前面所言，你不必在每次创建元素时都使用网格。然而，如果你了解如何使用网格，它会在排版设计中为你带来很多好处。 3.巧妙的字型搭配练习 合理的字型搭配可以让整个作品更加引人注目。

又一次说明，同时使用太多的字体会造成整个作品没有重心。多个字体的使用会令用户迷茫，不知道哪个才是最重要的。 通常情况下，你应该只使用三个字体进行设计。

分别应用于：标题、小标题和正文文字。如果你的设计文字太长，最终效果就会大打折扣。在这种情况下，你可以选择使用一个或两个字型。

4.选择一个优秀的二级字体搭配 良好的字体搭配对于提升设计可读性非常重要。当一个文档中有一个大标题和一个小标题的时候，使用两种不同的字型进行互补搭配，建立视觉层次感。在保证整体设计的统一情况下，使用第二个字体必须同样引人注目。 5.学会排版测量 排版测量主要用于计算文本块的宽度。

网页设计中排版测量尤为重要。并不是所有字体的宽度是一样的，这意味着在网页设计中使用不同的字体时，要考虑字型来适应不同的空间大小。 一个字符的高度被称为它的“X坐标。”当你对字体搭配选择时，确保它们有相同的“X坐标。

” 一个字符的宽度被称为“设置宽度。”这就组成了整个字体部分，包括字体背后的空间大小。“点数”通常被用于测量字体大小。

 确定风格  构图/排版  色彩 1-1.我们首先从 第一个方面文字字体处理 这个方面细说： 文字切割 ， 这种处理方法一般是将字体的某部分/连接处切割处理，或是在切割处增添一些元素；这种处理好处是，让字体更具有艺术感，画面更具有空间感，让banner整体增添几分文艺或神秘的氛围；对字体变形处理； 我们看1-3图，这里将字体进行了一个扭曲处理，在1-5图中，设计师将字体端点细节进行处理；或者将字体粗细，笔划进行形状的改变，这里就不一一举例啦，这种处理方式使文字“活”起来，更贴合文案语义；给字体笔划进行模糊/擦除/透明度/色差处理， 一般是将字体的笔划模糊或透明度处理，或用画笔擦除一部分，或改边某个笔划的颜色，总之处理方式多种多样但都大同小异；这种处理方式的使字体看起来更为立体或者更贴合背景；                                         给字体添加“高光/投影”， 这种处理方式是在字体上添加一些高光元素，或者在字体后面加一些线性或面性的“投影”元素，使字体看起来更立体，又与背景十分贴合； 1-2.上面我们说完字体几种常见的处理形式，下来我们来说一下Banner文案常见的几种排版样式； 横向排版，这种排版样式比较常见，一般是用字体大小/粗细/类型/颜色将主要内容和次要内容区分开，这种排版显得层次分明，一目了然； 倾斜排版，这种排版一般用于冲击感比较强的页面，比较有动感和活力 纵向排版，这种排版形式适用于文案内容比较少的排版，多用于比较古典和文艺清新的页面； 错落排版，这种排版看起来参次错落，更具有美感和气势，但这这种排版也限于文案内容比较少的Banner上 波浪排版 ，这种排版形式比较少见，这里还是说一下，这种排版多用于节日活动页，比较活泼，增强氛围； 2.上面我们讲到的是文字处理和排版，那下面我们就讲一下文案配图，常见的文案配图 插画配图，这种对设计师的要求比较高了，需要自己去手绘插画图，当然也可以去找素材； 实物配图， 一般这种直接使用某个产品/人物/场景的图片，但是这种对图片的清晰度和构图有比较高的要求；图片转手绘配图，这种配图的处理方法是将图片转化成手绘的风格，这样就解决了图片不清晰，和背景图融合度不够的问题，而且还更有设计感 3.下面我们再简单讲banner背景啦，常见背景类型有4种： 纯色背景、渐变背景、纹理质感背景 、图片背景；前两种很好理解，纹理质感背景常用的是纸张或石头/地表纹理或是杂色纹理，图片背景对图片的清晰度和美感都有要求；4.装饰物，分为 背景装饰 和 文案层装饰 4-1常见的背景装饰，有 点线条几何形体、发光体 4-2文案装饰，常见的文案装饰线条几何形体，画笔和根据文案语意环境的加入的图形

1.移动app界面设计的技巧——重叠 重叠的字体、图形和颜色不仅让界面看起来更生动，还创造了空间感。这就是为什么在不同的应用程序用户界面设计中，设计者广泛使用重叠元素的原因。

2.移动app界面设计的技巧——颜色渐变 在过去的几年里，许多设计师使用了移动应用程序界面设计的技术，颜色梯度，试图设计标志，按钮和应用程序界面的背景。如果你问为什么，答案很简单——即使你只选择一种颜色，你也可以通过创建丰富的色彩梯度和不同的图像层次来创建一个令人愉快的图像。 3.移动app界面设计的技巧——不透明度 在调整或重置透明度后，相同的元素可以产生不同的效果。因此，在设计一个应用程序界面时，设置不同元素的不透明度是创建一个好的设计工作的好方法。

此外，不同的颜色或形状的透明度设置也可以创建彩色玻璃纹理的效果。这就是为什么设计师将这种方法应用到他们的标志设计中。 简而言之，无论您如何将不透明度应用到您的应用程序的用户界面设计中，设置不同元素的透明度将在您的设计中发挥重要作用。

这招永远不会过时。 4.移动app界面设计的技巧——简单曲线和几何 越来越多的移动应用界面设计技巧倾向于在应用界面中采用更简单、更自然的设计风格，而不是复杂多变的用户界面设计风格。例如，使用大量简单曲线、几何图形和按钮的用户界面设计可能比包含各种颜色、图形、按钮、图像、动画和更复杂元素的应用程序界面更容易关注应用程序的基本和主要功能。

5.移动app界面设计的技巧——对比颜色或字体以提高可读性 强烈的颜色或字体对比也可以帮助设计师创建一个吸引用户注意力的良好用户界面。例如，添加不同的样式、类型和字体大小也可以传达层次感和空间感。不同类型和风格的色彩搭配也会形成鲜明的对比，使整个设计更加丰富多彩，引人注目。

6.移动app界面设计的技巧——人格图 个性化插图在应用程序界面设计中也扮演着重要的角色。在app界面上有多种插画风格，有手绘的，简约的，剪纸的，还有著名的插画。这些插图样式的使用不仅使应用程序更加有趣和不同，而且也赋予了应用程序个性。在无穷无尽的应用程序流中，用户会更加印象深刻。

7.移动app界面设计的技巧——功能动画与交互 在app的图标、字体、照片和按钮中，添加动画或交互对用户有积极的影响，因为它可以让用户体验更加愉快。 手机应用程序界面设计的诀窍是在应用程序界面的细节上添加更多的交互设计，使用户能够轻松使用应用程序并快速获得反馈。这绝对是一个好的设计趋势。有抱负的设计师应该顺应这一趋势，在未来丰富自己的应用界面设计。

8.移动app界面设计的技巧——语音控制功能 应用程序的声控界面简化了用户的操作。和Siri一样，该应用程序可以通过语音命令启动或登录，而不需要点击按钮或输入密码。 当然，除了语音控制，指纹控制将继续在未来的移动应用界面设计中发挥重要作用。 环球网校小编为大家整理的《有哪些移动app界面设计的技巧，可以令ui设计变得更加精彩?》到这里就结束了，如果你希望能将这篇文章灵活应用，还需多加练习，如果你还想学习更多有关UI设计的技巧或知识，可以点击本文其他文章进行学习。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表优客号立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：https://www.youkehao.org.cn/article/108644.html