一个好的引导页面设计会给用户留下良好的第一印象,还可以降低用户的学习成本,快速入门,了解新功能,避免用户使用时的混乱,今天小编主要给大家分享怎么设计ui界面引导页,希望对你们有帮助!
接下来我们以阅读app的新版本功能引导页为例
1、需求分析,提炼关键词
要求:新用户引导页面展示了产品的新功能,符合整体设计风格。
产品文案:
“海量图书一网打尽”、“影视原著、猜你喜欢、全网热议”、“不读书也给你好看”、“书评互动、专栏文章、福利活动”
仔细看,这些文案对仗工整,平仄押韵,易于阅读,几乎无懈可击。
反复阅读后,发现文案表现的重点越来越分散,没有明确的具体功能点,所以很难形成整体的画面感。为了避免信息传递的偏差,减少不必要的修改要求,我们有必要与产品经理沟通。主次文案只是表达工具,要实现清晰的功能目标才是关键。
第一屏的主题:重点是展示大量书籍,并使用影视书拉近与用户的距离;第二个是产品特点,猜测你喜欢推荐的功能,还需要强调互动评论的氛围。
精炼关键词:书多、影视
第二屏的主题:重点展示发现页的新功能专栏和评论互动,然后是优惠券相关的福利活动。
提炼关键词:互动、福利
接下来,所有视觉设计都围绕着这两个主题,这是产品经理想要表达的要点。
2、让主要视觉准确表达关键词
在这个过程中,设计稿中表达的意思往往与产品经理的想法相距甚远,不同的设计师针对一样的文案设计完全不同的方案,主要是因为画面中表达的关键词有偏差。之前的关键词提取已经帮助我们确定了画面的中心意思。下一步我们该怎么办?
我们上小学一年级时,做过经典的读图作文,看图作文通常会给一张图片,然后是明确的标题。图片与标题相结合,构成的内容基本上被限制在一定的范围内。只要没有很大的理解偏差,就不会偏离主题,就可以写一篇合格的作文。
看图作文的流程: 图片—关键词—写作文
顺序反过来,就是引导页设计流程:文案—关键词—图片