欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

设计移动端APP/网页设计,要做的事

发布时间:2017:10:03 22:12:14 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1441个文字,预计阅读时间4分钟
导语
当一个趋于成熟的领域,会如“套路”将呈现这样东西,它是用户和设计师/开发人员在运行过程中,逐步建立了一些规则。并适用于移动终端的设计,在你考虑差分设计之前,有一些最

当一个趋于成熟的领域,会如“套路”将呈现这样东西,它是用户和设计师/开发人员在运行过程中,逐步建立了一些规则。并适用于移动终端的设计,在你考虑差分设计之前,有一些最基本的事情要做,今天智唯网络就来谈谈搞定移动端APP/网页设计。

如果你曾经仔细观察,近年来最好的移动终端产品的交互设计,会发现他们都有一个共同点:对他们的基本功能和设计的执行是相当完美的。他们从人类最基本的行为模式中汲取营养,然后通过优秀的设计和执行,悄悄地消灭所有的障碍,为用户,这个时候,用户会感到惊人的视觉效果,突出互动体验,其中尤为突出的是浏览体验。今天,让我们一起梳理,什么是移动终端设计项目的关键和核心,总结今天的“核心测试”的移动终端设计。

有效的排版设计

无论你设计的一个网页或应用程序,其中文本建立用户和你的产品之间的清晰的关系,所有的文本帮助用户达到他们想要的目标。因此,布局设计在交互中起着非常关键的作用。该文本的大小和总体布局设计,对屏幕上的用户有一个巨大的影响阅读体验:当文本太小,行间距和字间距更为紧凑时,用户需要更多的时间来识别内容,而许多用户只会跳过许多内容。在移动端出现这样的问题,更为严重:一个小字体在明亮的屏幕上,低程度的识别和炫光让用户更头疼。布局对于移动终端用户来说,更大的影响。

设计移动端APP/网页设计,要做的事

移动端的文字排版的核心技巧在于,平衡易读性和空间利用率。当你在为移动端界面设计文本排版的时候,需要选择合理的字体尺寸和间距,这两个因素是最关键的影响因素。字体尺寸需要足够大,确保绝大多数的用户能够识别,而足够的间距则保证小界面上内容的呼吸感,不会让人觉得局促。当然,这些是底线,字体和间距并非越大越好,适中而舒适才是最终目的。

设计移动端APP/网页设计,要做的事

iOS 平台上Medium 的客户端的字体和间距的设计就是很好的参考范例。

小贴士:为了确保移动端设备的可读性,英文文本控制在每行30~40个字符,中文文本控制在20个字左右。如果是在桌面端,英文字符通常控制在60~75个字符之间,会让人阅读起来比较舒适。

简单的配色方案

色彩是视觉设计中最复杂的部分。太过繁复的色彩有时候会让用户感到不适,简化配色方案往往能够很好的提升整体的体验。学会对复杂的配色方案说不吧。如果简单的配色方案让你的设计看起来略显单调,不妨通过新增现有色彩同色系不同饱和度、明度的色彩,生成丰富而不至于繁复的配色方案。


0-FmmKPg9NKFpRSOKx

蓝色的单色调配色方案

下面的APP的设计案例采用的就是单色配色方案,通过同色系不同色调、饱和度的色彩来构成一个紧凑而不单调的配色方案。


0-w_FvxwQG_6Px2vGE (1)

小贴士:从零开始创建配色方案有很多技巧,本身并不复杂,可以参考我们的文章、借助合理的工具来创建配色方案。如果现有的配色方案本身比较单调,或者整体偏中性,那么不妨增加一种明亮的色彩,让它能够更好的吸引用户的注意力,简单又不失个性。


1-w2H9AoP_8rRtqPxt_2K4Jg

基于内容的卡片式导航模式

无论你想在你的应用程序或网页,什么样的内容,你一直希望你的用户进可能的方便、完整的体验它们。基于内容的思维导航模式是,尽可能让内容概述和两态的细节可以无缝切换,该卡的设计和设计模式是最搭配,因为卡的设计可以统一和组织内容的自由,而且很容易吸收大量的不同类型内容:

  • 卡将出现在用户进入更有意义的块,使屏幕利用率更高。喜欢不同的文字段落的文章,卡设计将不同类型的内容与一个承载的权重,构成一个连贯的信息流。
  • 卡是为移动终端的触摸交互。用户需要学习的可以直观和自然的点击、滑动、翻转卡的交互,它是基于现实世界的设计的物理规则。


  • 1-LxKZBYZuif-zLS3vwUb5Ag

    小贴士:想要让界面真正意义上地“隐形”,那么就专注于内容吧。

    层次与深度

    佛山网站建设优化公司 智唯网络

    专业建站,免费排名「快速上首页」5年建站优化经验

    免费上首页>>马上咨询
    专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
    • 全部评论(0
      还没有评论,快来抢沙发吧!

    上一篇:智唯网络分享:网页版式设计与活动专题网页设计

    下一篇:网页制作中icon的任意用

    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信