UI界面文案潜规则——谨小慎微
![]() |
在上一篇UI设计流程里,我们只是简单的提过界面文案的重要性,但在实际的排版中,这些界面文案也是吸引用户一大助力,无论是PC端还是APP,用户的目光不仅会停留在标题和BANNER上,也会关注那些小段的文字和标签,看似短小不起眼的微文案,或许无意中就能引起用户共鸣,强化用户体验。
微文案主要是UI界面中的一些提示性的文字,简洁易懂的微文案能够将界面的实用性发挥到极致,但同时也需要设计师反复推敲,精心设计,在接下来的内容中,一些设计微文案的技巧以及需要规避的坑将助你走上UI设计微文案巅峰~
Step 1熟悉交互流程
在这个大量信息时刻进行轮翻轰炸的市场环境下,用户便开始“挑剔”起来(其实是懒~),因此,设计文案的最重要的原则便是简单点,再简单点,但这种所谓的简单并非是3分钟的头脑风暴就能立竿见影,一个重要的前提便是熟悉交互流程,在此基础上才能设计出简单易懂的微文案,宁以图为先,也绝不词不达意。
Step 2 案例解读
你可以一天写出一篇文案大全,但却无法一天练成文案大师。没有人是天生的文案段子手,只不过是善于从经验中找到捷径,细数一些精妙的UI微文案案例,它们的风格必然是统一的,文风越接近网站或APP整体的语言风格,就会越融入整体,使得用户的阅读和操作远离烧坏脑细胞环节。
另外,大多数的成功案例告诉我们,一个优秀的UI界面,必定是会 “说人话”,用户并不想花很多时间研究那些晦涩难懂的俗语或术语,第一印象,简简单单才是真~
Step 3 文案撰写修改
小知识见大智慧,并不只是出现在生活小常识里。当我们在进行UI文案设计时,同样也能运用这个原则,类似苹果、支付宝以及腾讯这样自带流量的大户,假使官网设计成80年代的喜感风也依然门庭若市,但若你不是流量大户,那么下面这些小点必然是十分受用的。
Ⅰ.化繁为简
我们常常会习惯远离那些滔滔不绝的人,同理,UI界面的长语句也会让用户三思而后行,要相信用户很忙,他们不会关注那些具体的细节。所以当你的草稿写好后,应该一遍又一遍的进行删减,合理运用文字的艺术,能10秒读完的信息,绝对不拖到1分钟~~
![]() |
Ⅱ.人称使用
当你在浏览网页时,咬文嚼字的书面语是否会让你赏心悦目呢?也许会,但若文字会“说话”,是否更有趣呢?设计师怎么看待用户,就会使用哪种人称,而UI界面是以界面为媒介、与用户的直接对话,使用第二人称,可以拉近与用户的距离,使用户处于模拟VR的情境中,有利于指引和鼓励用户操作。比如,“您已订阅成功,稍后我们会发送配送信息”提示优于“您已订阅成功,稍后Flower Plus会发送配送信息”。
Ⅲ.使用一般时态
在UI设计网页中不可避免的会用到英文词汇,因此,当需要描述各种操作时,尽量使用现在时态,尽量使你的描述短小精悍,直接易懂,例如“Message has been sent”就不合适,用“Message sent”更合适。
Ⅳ.阿拉伯数字
虽然中华文化博大精深,但不得不承认的是,阿拉伯数字的大众普及率无可比拟,凭借用户对数字的敏感度,文字描述必然是处于下风的。对比“您有十条短消息未读”和“您有10条短消息未读”,高下立见。
![]() |
Ⅴ.避免全大写
论整齐度来讲,大写英文字母的确更胜一筹,但由于小写英文的阅读习惯大众普及率较高,从而使得文案的辨识度相对更高,注意好这一点,会使得用户体验好感度大大增加。
![]() |
Ⅵ.文字与图片结合
有的时候,微文案与图片、插画以及动画合理搭配使用,能够创造出比单独的文本或图片更强的视觉愉悦感和体验。
![]() |
Ⅶ.慎用感叹号
在UI文案中使用感叹号,总觉得这条文案是带有情绪的,就像聊天中使用感叹号一样,容易让气氛变得紧张。“来了解一下APP的最新功能吧!”用力过猛如是说。
Ⅷ.准确地阐述错误信息
报错在UI中很常见,在用户体验的环节中也同样不容小觑。当用户填写的内容出错的时候,报错信息应当符合用户的认知,尽量用易于理解的方式表述出来:
•哪里出错了,以及造成错误的原因
•用户应当如何操作来消除错误
![]() |
文字承载着信息。它们帮助我们了解周围的世界。可惜的是,大部分人都不喜欢阅读,所以当你在设计UI文案时,应该让阅读变得尽可能简单。成功的UI文案,在于“不被察觉”地忽略所有问题,让用户自然顺畅的完成想做的任务。假若你觉得意犹未尽,那就继续关注我们,后续更多精彩UI设计干货等你发掘哦~~
本文转载自宝原科技。
还没人转发这篇日记