推广 热搜: 大学生  怎么写  怎么使用  作用  高的  时间  原理  金鱼  怎么分类  较好 

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

   2023-02-01 勤学网4849
核心提示:一个好的引导页面设计会给用户留下良好的第一印象,还可以降低用户的学习成本,快速入门,了解新功能,避免用户使用时的混乱,今天小编主要给大家分享怎么设计ui界面引导页,希望对你们有帮助!接下来我们以阅读app的新版本功能引导页为例1、需求分析,

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

一个好的引导页面设计会给用户留下良好的第一印象,还可以降低用户的学习成本,快速入门,了解新功能,避免用户使用时的混乱,今天小编主要给大家分享怎么设计ui界面引导页,希望对你们有帮助!


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

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

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

产品文案:

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

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

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

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

精炼关键词:书多、影视

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

提炼关键词:互动、福利

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

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

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

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

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

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

 
反对 0举报 0 收藏 0 打赏 0
 
更多>同类开店资讯
网站排行
推荐网站
网站首页  |  你好 测试  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  网站留言  |  违规举报