您当前的位置: 主页 > 新闻中心
很多手机网站导航页设计十分的精美,让人情不自禁的继续浏览下去,它们在你未使用产品之前提前告知你产品的主要功能与特点,第一次印象的好坏会极大地影响到后续的产品使用体验。因此各个公司都在努力将这几个页面设计好,从一开始就引人入胜。那接下来我跟大家一起来探讨关于引导页的设计。
UI设计:手机网站导航页的设计(图1)
1、文案言简意赅,突出核心。
根据爱尔兰哲学家汉密尔顿观察发现的7±2效应,一个人的短时记忆至少能回忆出5个字,最多回忆9个,即7±2个。因此展示的文案要控制在9个字以内,超过后用户容易遗忘、出现记忆偏差。如果表达起来困难,可以辅助一小段文字进行解释或补充。因此在最终文案的确定上,要突出重点,多余的文字尽可能地进行删减。如果文案删减后字数还是过多,因考虑对文字进行分层,通过空格或逗号或换行的方式进行视觉优化。
精准贴切的文案也十分重要,将专业的术语转换成用户听得懂的语言。尤其对于通过照片来表现主题的引导页设计,文案与照片的吻合度,直接影响到情感传达的效果。
产品设计 引导页设计 用户体验
2、富于情感化
(1)文案具象化
通过具体的元素、场景来表现文案,采用写实、半写实的方式进行表现,有些应用还会配以水彩风格。以天猫为例,天猫是一款购物应用,在设计上通过商场、店铺的实际场景的具体描绘,渲染轻松、欢快的购物过程。
(2)页面动效、页面间交互方式的差异化
之前对于表现方式的归类已经讲到了动画及页面切换方式,如果增加了页面动效,利用动效,包括放大、缩小、平移、滚动、弹跳,表现形式更加多样化,会让引导页更有趣,注意力更为集中。
而页面间的切换方式除了传统的卡片左右滑动的方式外,可以结合线条、箭头等进行引导,通常会配合动效。例如网易新闻客户端、印象笔记·食记,它们在引导页的设计上采用了线条作为主线贯穿整个引导页面,小圆点显示当前的浏览进度,滑动的过程中有滚动视差的效果。
3、视觉聚焦
在单个引导页中,信息不宜过多,只阐述一个目的,所有元素都围绕这个目的进行展开。视觉聚焦包括两部分,一 是文案的处理,要注意层次,主标题与副标题要形成对比;二是引导页中的界面、场景、文案具象化元素,要有一个视觉聚焦点,多个视觉元素的排布采用中心扩散 的方式,聚焦点的视觉面积最大,同时与扩散的元素拉开对比。这样用户能清晰地看到核心文案信息与文案对应的视觉表现元素。同时结合视线流动的规律,从上到 下,从左到右,从大到小。因此可以根据这个视线流的规律来进行引导页的设计。
4、与产品、公司基调相一致
引导页在视觉风格与氛围的营造上要与该产品、公司形象相一致,这样在用户还未使用具体产品前就给产品定下一个对应的基调。产品的特性决定了引导页的风格,产品是消费类、娱乐类、工具类还是其他,根据不同的产品特性决定了引导页是走轻松娱乐、小清新,还是规整、趣味性的风格,在最终的表现形式上也就会有完全不同的展现,是插图、界面、动画还是其他。如淘宝的娱乐、豆瓣的清新文艺、百度的工具、蝉游记的休闲等等,通过对比就能发现他们在引导页设计上的差异。
这样一方面有利于产品一脉相承,与产品使用体验相一致;另一方面也会进一步强化公司形象。
以来往为例,来往是一款针对个人用户的及时通讯应用,主打扎堆、阅后即焚、敲门等与微信不一样有趣的功能,也是想给用户创造不一样的沟通方式。因此在引导页的设计上通过趣味性、甚至有点搞怪的动作与表情来表现来往是这样一款有趣、欢乐多的产品。
总之:想做好引导页的设计,在理解用户对引导页需求的基础上,怀揣热爱产品的情怀,依靠精致的布局,巧妙的构思,贴切的氛围渲染,再加一点点特色。当然光讲是枯燥的,还是需要设计师在具体的设计中不断实践,总结出新的观点与方法,探索出别具一格的引导页设计。
想了解更多资讯,请关注我们(www.1yc.cn),欢迎转发交流!


关键词:设计,手机,网站导航,页,的,很多,手机,网站,    标签:
    更多资讯请收藏关注 网站模板(www.1yc.cn)

网站设计的内容相关性与搜索优化的关系最早以前,搜寻引擎的搜寻结果,只是以搜寻引擎在资料库中找到匹配网站的先... 2021-07-10
今日统计报告、昨日统计报告和最近30天报告今日统计报告: 今日统计报告是提供从今天0点到现在的各个时段的浏览量、... 2021-07-10
行业动态直观划分视觉功能区域, 配合网页布直观划分视觉功能区域, 配合网页布局。网页整体的合理布局、配色能够清晰... 2021-07-10
行业动态图形的简约性图形的简约性。在网页界面的扁平化设计中, 运用高度概括的抽象图形进行界... 2021-07-10
MIP对网站有什么帮助?随着移动互联网的发展,网友们对于移动产品服务体验要求也越来越高,当然了... 2021-07-10
新闻动态深挖图案元素民族性内涵深挖图案元素民族性内涵。提取新疆少数民族图案元素视觉符号进行再设计, ... 2021-07-10
网站建设公司要成为一家优秀的建站公司应该具想要拥有一个好的网站,就需要找一家优秀的 重庆网站建设公司 合作。这样... 2021-07-10
网站建设效果受什么因素的影响?一、网站的安全性 网站给人们带来了极大的便利,它已经成为人们获取信息的... 2021-07-10
页面转化设置实例下面举一个页面转化设置的实例:假设网站设置了转化页面a、b,a、b两个... 2021-07-10
新闻动态色彩的运用网页的色彩搭配设计, 既是一个艺术性很强的工作, 同时也是一项技术性工... 2021-07-10
物流行业网站建站解决方案物流行业网站建站整体目标网络凭借其卓越的互动性与便捷的交流手段正成为最... 2022-01-06
网站的概念设计在一些客户或最终用户数量庞大的Web开发项目中,最终取得成功的项目都是... 2021-07-10
业动态网站布局不合理网站 布局不合理主要表现在结构和内容上。大多数中小企业网站在建立时, ... 2021-07-10
网站建设未来的发展趋势网站建设也是一个随着互联网的发展起来的新兴的行业,十多年的发展,已有相... 2021-07-10
艾之恋签约重庆兴网今日上午与艾之恋对微信公众号二次开发进行了深入的策划,艾之恋正式签约重... 2021-07-10
网站建设最基本的有哪些要求的呢?从本质上讲,网站建设属于一种非常细致的工作,并且网上还有很多关于代码编... 2021-07-10
新闻动态色彩的运用网页的色彩搭配设计, 既是一个艺术性很强的工作, 同时也是一项技术性工... 2021-07-10
高端企业网站设计管理系统对于网站自身架构优化的建议高端企业网站设计管理系统对于网站自身架构优化的有哪些建议呢,今天就由小... 2022-02-18
如何设计成功的商业模式好的商业模式是优秀着陆页设计的前提。先有好的商业模式后,才能策划出能有... 2021-07-10
怎样做营销型网站建设才能提高成交转化率的呢很多做网络营销的企业都在考虑如何成交的问题,事实上只要信任度达到了,成... 2021-07-10

线
咨询热线:
135-0038-3336
在线客服:
点击这里给我发消息
微信交流:
公司官网: www.1yc.cn