ui设计师与android,总算知道ui设计师适配的知识点

这就让很多新入行的设计师认为做 UI 很简单，而对于适配知之甚少，甚至有些觉得跟自己没半点关系，今天小编主要给大家分享ui设计师适配的知识点，希望对你们有帮助!

一、错误的做法

因为设计师对配适不理解,所以在做实际项目时,需要把750的设计适配640、720、1242的屏幕时,都把选择设计稿直接等比拉伸至对应的大小,然后再标注,但这种方法不仅增加几倍的工作量,还可能导致最终的效果不满意,花了功夫不出效应,说的就是这样的事。

既然直接拉伸设计稿的方法不可行，我们是否应该为每个屏幕尺寸都重新做一套新的设计呢?当然不是，这样的开发成本太大，而且没有必要，其实只要在设计上多注意适配的问题，就可以做到的一稿适配所有。

二、一稿适配所有

大多数人能理解750适配到1242，但是他们不能理解750到720。他们认为这两个属于iOS和Android不同终端，标签栏和导航栏的高度不同。

如果不单独输出设计稿，图标和图片会变形，间距会太窄等问题。

1. 图标变形

在开发的时候是用2x、3x切图，每一个屏幕尺寸都是根据倍率来选择的，相同的倍率图标大小、间距、字体大小都是一样的。

2. 图像变形

图片都是按比例来的，只要按比例标注，而不是限制宽度和高度，就可以避免。

3.iOS和Android平台的区别

有些人总是认为这两个平台之间是有区别的，比如它们的导航栏、标签栏和时间栏的大小不一样，怎么能适配呢?

实际上，头部的导航栏、底部的标签栏、时间栏是平台的基础控件，与界面中的元素不在同一个z轴上，它们属于界面最上层，界面的大小不受它们的影响。

三、适配规则

1. 倍率相同

适配需要以同样的倍率进行。如果想做一个比较，当然应该在同一水平上。

知道了手机的屏幕分辨率和倍率后，你就能算出其它倍率下的屏幕分辨率是多少。比如iPhone 6的尺寸，750*1334(2x下)，乘以1.5后就可以得到3x下的大小。

同理，可得其它手机的屏幕分辨率在不同的倍率下的大小，红框表示正常分辨率。

2. 适配三原则

在适配时通常会遵循三个适配原则:等比缩放、弹性控件、文字流自适应。

(1)等比缩放

等比缩放是指元素的大小不是固定的，而是随着屏幕的大小(通常是宽度)而变化。无论屏幕分辨率如何变化，图像的比例都不会改变。

(2)弹性控件

弹性控件指元素的大小保持不变，并且间距适配屏幕的宽度。屏幕越宽，间距越大。

(3)文字流自适应

文本的行数与屏幕的宽度成正比，屏幕越宽，一行可以显示的文字越多。

ui设计师与android,总算知道ui设计师适配的知识点相关推荐

android基础ui控件,Android基础——基础UI控件
日历,时钟,计时器 package com.example.mybaseuii; import androidx.appcompat.app.AppCompatActivity; import and ...
UI设计培训教程分享：UI设计师的色彩使用技巧
作为一名合格的UI设计师,色彩的使用是非常重要的,一个专业的UI设计师对于UI设计色彩的搭配是非常的出色的,下面小编就为大家分享UI设计培训教程:UI设计师的色彩使用技巧 UI设计培训教程分享:UI设 ...
ux设计师怎样找同类产品_UX设计师UI设计师产品设计师和UX研究人员有何不同
ux设计师怎样找同类产品 Whether you're a beginner in the UX field or an experienced designer, there is definite ...
刚入行的UI设计师，通过临摹优秀UI KIT作品开始
临摹是UI设计学习必走的一步,只有临摹了很多作品之后,才有可能去设计原创作品. 临摹分为2步,第1步是提升软件技法能力,第2步则是提升设计理论能力. UI KIT通俗来说是一个界面设计模板,当然你如果 ...
UI设计素材帮手，排版技巧设计师
排版技巧设计师要点: 聪明的图形设计师喜欢使用的排版探索型的外观和实际键入说之间的相互作用. 进行通信的消息时,一个平衡具有视觉和design.Typography的口头方面之间实现是布置类型del ...
2020年ui设计师就业前景怎么样？2020ui设计师的缺口大吗
2020年ui设计师就业前景怎么样?2020ui设计师的缺口大吗?2020年的就业形势注定会比往年更加严峻,今年除了有874万毕业生加入到就业大军,更有一大批因为疫情失业需要找工作的人,所以求职竞争会 ...
2016{太原UI设计师}郭文军讲解UI设计版式
2016{太原UI设计师}郭文军讲解UI设计版式 1.多内容少功能-----列表式.瀑布流 2.多内容多功能------菜单式 3.少内容少功能-----九宫格式 4.少内容多功能-----旋转木马式
UI设计师需要学习哪些知识?UI设计零基础怎么入门？
本文由:"学设计上兔课网"原创,图片素材来自网络,仅供学习分享 UI设计师需要学习哪些知识?UI设计零基础怎么入门?很多初学设计的小伙伴都不是很了解ui,觉得UI设计及时做界面.做 ...
UI 设计师的盛宴：Web UI 设计资源大系
每个 Web 设计师都在 UI 设计上费尽了心血,即使这样,资源的匮乏,视野的狭窄,也常常让他们的呕心沥血之作并不为人看好,事实上,UI 设计并不需要闭门造车,很多 UI 元素是通用的.本文收集了 2 ...

ui设计师与android,总算知道ui设计师适配的知识点

ui设计师与android,总算知道ui设计师适配的知识点相关推荐

最新文章

热门文章