• 手机站
  • 收藏
聚培教育网合作机构 > 南京天琥设计培训学校
南京天琥设计培训学校
400-998-6158
南京天琥设计培训学校

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

UI设计学习网

更新时间:2020-12-18 浏览:162
核心提示:怎么设计ui界面引导页,教你几个小妙招接下来我们以阅读app的新版本功能引导页为例1、需求分析,提炼关键词要求:新用户引导页面

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

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

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

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

产品文案:
 

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

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

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

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

精炼关键词:书多、影视
 

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

提炼关键词:互动、福利
 

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

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

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

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

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

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

更多>同类资讯
更多>相关课程
顶部