怎么设计ui界面引导页，教你几个小妙招

接下来我们以阅读app的新版本功能引导页为例
 

1、需求分析，提炼关键词
 

要求:新用户引导页面展示了产品的新功能，符合整体设计风格。
 

产品文案:
 

“海量图书一网打尽”、“影视原著、猜你喜欢、全网热议”、“不读书也给你好看”、“书评互动、专栏文章、福利活动”
 

仔细看，这些文案对仗工整，平仄押韵，易于阅读，几乎无懈可击。
 

反复阅读后，发现文案表现的重点越来越分散，没有明确的具体功能点，所以很难形成整体的画面感。为了避免信息传递的偏差，减少不必要的修改要求，我们有必要与产品经理沟通。主次文案只是表达工具，要实现清晰的功能目标才是关键。
 

*一屏的主题：重点是展示大量书籍，并使用影视书拉近与用户的距离;第二个是产品特点，猜测你喜欢推荐的功能，还需要强调互动评论的氛围。
 

精炼关键词：书多、影视
 

第二屏的主题:重点展示发现页的新功能专栏和评论互动，然后是优惠券相关的福利活动。
 

提炼关键词:互动、福利
 

接下来，所有视觉设计都围绕着这两个主题，这是产品经理想要表达的要点。
 

2、让主要视觉准确表达关键词
 

在这个过程中，设计稿中表达的意思往往与产品经理的想法相距甚远，不同的设计师针对一样的文案设计完全不同的方案，主要是因为画面中表达的关键词有偏差。之前的关键词提取已经帮助我们确定了画面的中心意思。下一步我们该怎么办?
 

我们上小学一年级时，做过经典的读图作文，看图作文通常会给一张图片，然后是明确的标题。图片与标题相结合，构成的内容基本上被限制在一定的范围内。只要没有很大的理解偏差，就不会偏离主题，就可以写一篇合格的作文。
 

看图作文的流程: 图片—关键词—写作文
 

顺序反过来，就是引导页设计流程：文案—关键词—图片