如何规范界面“文案”?

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

Hi 好久不见~

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

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

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


文案调性


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



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



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



活泼  

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

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



基本原则

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


一致
指称一致

undefined


描述一致


引导一致

undefined



提示一致



简洁
用词精简



条理清晰



不重复信息



友好
温和得体



准确  
描述准确



灵活
灵活生动



数字和用词


 
数字

使用阿拉伯数字情况


用词

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



标点


逗号/分隔符

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

,/  100,000,000


句号

用在句子的结尾

。


分号

并列句之间,一般用分号

;


顿号

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

、


感叹号

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

!


问号

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

?


引号

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

“ ”


冒号


用于提示称呼语后面

:


括号

用于详解及注释部分

()


省略号

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

...


连接号

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

-


书名号

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

《》



超长文本

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

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

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


精简文本

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


动态控件

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



缩小字号

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



截断


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



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


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



51
举报
|
92
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】礼物/活动icon
钱包ui模板
新拟态风格 UI设计组件库
我的钱包-UI界面设计-app
高级感金属拟物 UI设计组件库
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】汽车icon
3D渐变流体抽象矢量UI背景图
盲盒APP UI设计
【新年UI图标】会员icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
Security Camera UI kit
智能家居中心 简约 UI设计组件库
UI界面 组件
【新年UI图标】30个图标
户外旅行飞机情侣假日出行
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】秒杀icon
手表表盘UI系列
高级表盘系列UI源文件
科技医疗透明柜UI界面设计
【新年UI图标】旅行icon
UI 登录界面设计模板包
新能源APP应用UIKit
【新年UI图标】钱包icon
你可能喜欢
相关收藏夹
大家都在看
登录注册