设计正在通过各种平台进行移动——设计师的移动设计指南
来源:
广州天荣信息科技有限公司
日期:2018-01-21 10:28:57
点击:5212
属于:网站建设
你是一个业余设计师还是一个设计专业的学生?如果移动设计被指定为你的第一次冒险,你已经点击了正确的帖子,因为我们将与你分享一些你需要记住的东西,同时为不同的平台,特别是移动电话的设计进行调整。
你还记得你的手机在2009年的应用吗?他们有渐变的按钮,倾斜的图标和背景的纹理。Android智能手机有着鲜明的字体和黑色背景。在设计方面有一点知识的人将能够在2009年和2017年发现移动应用程序设计的区别。现在的移动界面是用户友好和清晰的,一个简单的设计方法使得所有的移动平台看起来都很相似。
设计师们也在为手机设计案例,这一趋势是用智能手机保护你的手机。移动案例设计是设计师需要注意的另一个领域,特别是如果你想把自己作为一个设计师的自我发展。
风格的原则
谷歌的材料设计更多的关注于个性化和流畅的界面,而iOS一直注重于直观和清晰的用户界面。这里有一些你应该注意的风格特征。
屏幕上的深度
在使用应用程序时,有一种清晰的深度感是至关重要的。用户必须专注于屏幕上的元素,比如输入字段、按钮和导航条,这些都是完成工作的关键。谷歌材料设计利用了不同的阴影风格的UI层。阴影值依赖于z轴,这描述了UI元素的生命力。iOS的设计利用了背景模糊、渐变、色彩叠加等半透明性来获得类似的层次结构。
颜色
材料设计调色板与CMYK模型密切相关,而不是RGB。新的颜色设计模式取决于主色调的浅颜色和深色调。基本的颜色是使用用户体验口音,如项目标题,动作,图标和更多。在抽屉、标签栏和其他不同的导航元素中也使用了类似的颜色。另一方面,iOS平台是充满活力和简单的。有一些常见的用户元素,如酒吧、列表项、背景和其他功能,大多数都是白色或黑色,灰色的,而图标、链接和其他按钮的颜色更明亮。
排版
Android和iOS之间的排版有明显的差别。在显示和字体大小上有强烈的对比,文本的主体使内容在iOS和Android平台上显得更加有趣和生动。在任何Android屏幕上,这种对比度都是通过薄的字体和更大的尺寸来获得的。如果你考虑到ios11,那么这个对比将会在权重层次结构中被看到,它的标题和标题都是加粗的。
还有一点需要注意的是,Android中的标题和文本在屏幕上是左对齐的,特别是在导航元素相关的时候。在设计iOS时,设计师应该把小标题和动作按钮放在中间。字幕、标题和正文应该是左对齐的。
风格的图标
谷歌材料设计鼓励设计师使用平面图标,iOS设计更喜欢1px或2px的线条图标。这是设计师在调整移动平台应用时应该考虑的最重要的风格细节之一。如果你的图标有明确的风格,那就没有你必须遵循的严格的规则。如果你看一下ios11中全新的锁屏,你就会开始相信设计师们正在逐渐远离轮廓图标背后的精确规则。
边界
在高分辨率的安卓设备上,一个像素的边框看起来很不错,但同时你也不应该忘记Android的设计应该对屏幕的大部分密度有影响。在这种情况下,开发人员需要重新考虑设计的元素,并在应用程序的编码中考虑各种情况。
应用程序图标
Android的新图标是自适应的,这意味着它们的设计方式是通过不同的设备平台来满足不同的面具形状。然而,iOS应用程序的图标被限制在同一个圆形矩形上。
品牌
在材料设计中,品牌色彩和色调的运用更为突出。另一方面,iOS的指导方针暗示了一种微妙的品牌推广方法。在iOS中,品牌标识只能在显示、图标、链接和按钮等UI元素中看到。
因此,如果你是一名设计师,所有的设计都是在移动设备上开始你的设计,请记住上面提到的因素,以保持优势。
标签:
本文来源:天荣科技,转载请注明出处!如果需要营销型网站建设、微商城、小程序商城、多端小程序 请联系我们!
扫一扫,加我微信
上一文章:如何设计最好的首页?
下一文章:引人注目的视觉效果对客户的影响