如何规范界面“文案”?

用户头像
武汉/设计爱好者/4年前/2504浏览
如何规范界面“文案”?

Hi 好久不见~

随着工作年限的增长,对设计的要求越来越高,也越来越注重设计的细节。

不知道大家平时在关注界面视觉的同时,有没有关注过界面用语,也就是我们常说的文案。大家应该经常可以看到,在一个应用中,可能因为模块多,导致的文案杂乱不统一的情况。

接下来我会分文案调性、基本原则、数字和用词、标点和文本超长这五个部分来写,文中多以图示,阅读起来应该比较轻松的。


文案调性


大家都知道品牌调性,那语言文案也一样,文案调性根据品牌调性而来。一个应用可以只有一种语调,也可以有多种语调,比如:正常功能页面使用沉稳语调或者高冷语调,运营类页面使用活泼语调。



沉稳
适用场景:内容/功能/说明/提示(大部分)
句尾无语气词,问句后多用语气词“吗”



高冷
适用场景:文艺/格调/高端
句尾无语气词,界面留白较多



活泼  

适用场景:运营/活动/情感化

句尾语气词:哦/吧/呀/~/^ - ^



基本原则

基本原则是文案规范的指导思想,只有基本原则的方向正确,才能做好一个应用的文案规范。


一致
指称一致

undefined


描述一致


引导一致

undefined



提示一致



简洁
用词精简



条理清晰



不重复信息



友好
温和得体



准确  
描述准确



灵活
灵活生动



数字和用词


 
数字

使用阿拉伯数字情况


用词

容易出现不专业的用词情况



标点


逗号/分隔符

逗号表示句子内部的停顿。分隔符一般指半角的逗号,用于比较大的数字区隔

,/  100,000,000


句号

用在句子的结尾


分号

并列句之间,一般用分号


顿号

并列的词或词组之间用顿号


感叹号

在表示警告、提示及惊讶里出现,避免感叹号连用



问号

用于询问或表示疑惑等不确定


引号

重要功能名称使用引号,引号必须在同一行

“ ”


冒号


用于提示称呼语后面


括号

用于详解及注释部分

()


省略号

界面通常只用三个圆点表示省略号,且在文字水平线下方

...


连接号

表示连接,指向,界面一般使用半角符号

-


书名号

表示书名、手册、报纸、音乐电影等名称

《》



超长文本

文本超长的情况在界面中很常见,对于超长文本的处理,我们需要根据文本的重要性来制定规则,规则和处理方式如下,大家可根据具体情况选择不同的解决方式。

重要文本:准确>完整>美观

普通文本:准确>美观>完整


精简文本

保证用户能理解的前提下,对不重要的文本进行精简


动态控件

在一定的区域内进行滑动来展示超长的文本



缩小字号

保证大多用户能看清的情况下,适当缩小字号



截断


显示不下在末尾“…”,通常用在不是特别重要的文本上,或者是可点击查看详情的



文中列举的场景并不是覆盖全部应用,只作为一个大纲参考,要做好一个应用的文案规范,还需要大家根据具体情况去制定更为详细的规范。


大家觉得有帮助的话,记得点赞噢~



51
举报
|
91
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】影音icon
3D渐变流体抽象矢量UI背景图
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI界面 组件
【新年UI图标】秒杀icon
新拟态风格 UI设计组件库
【新年UI图标】会员icon
【新年UI图标】钱包icon
UI应用平面图标
UI 登录界面设计模板包
抽象液态渐变UI背景模版
盲盒APP UI设计
【新年UI图标】30个图标
高级表盘系列UI源文件
我的钱包-UI界面设计-app
【新年UI图标】珠宝icon
3D卡通UI界面图标可爱插画免扣素
智能家居中心 简约 UI设计组件库
科技医疗透明柜UI界面设计
高级感金属拟物 UI设计组件库
钱包ui模板
新能源APP应用UIKit
手表表盘UI系列
你可能喜欢
相关收藏夹
APP
APP
APP
APP
大家都在看
登录注册