UI设计实操基础与解析(C端)

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
801 0 1 2022-11-24

直接上手的实操内容与解析


问1:设计稿的尺寸应该用多大的?

答1:375*812,390*844(iphone 13)

解释:

1.一稿多端适配。(因为IOS的尺寸设计稿可以适配安卓)

3.中间尺寸,向上适配、向下适配便捷。

2.那为什么不用安卓适配IOS呢?

    1.有谷歌自己规范做的不清不楚(对比 iOS)的关系

    2.每个厂商各自为战推出自己的设计系统(更底层的因素,是谷歌系统在国外才能获取完整的体验,没有进入国内(被墙),缺乏了厂商去支持和适配它的基本动力)

    3.在商业层面上,如果我们每设计一个 APP,iOS 和 Andorid 使用各自的规范,会对产品规划、设计、开发和测试都造成非常大的压力,一般公司完全承受不起的。


问2:开发说我用dp单位,你这个是px,不太对。

答2:因为安卓屏幕为mdpi的情况下,PPI(密度)为160,1dp=1px。而安卓320*480分辨率等于IOS375*812分辨率。故375的设计稿交付后,可以说“设计稿1px就=1dp”

解释:

安卓开发通常使用DP(长度单位)、SP(字体单位)作为计算单位

重点:mdpi情况下,1dp = 1px;当字体‘正常’,1sp=1dp

dp是长度单位,1dp=(屏幕ppi/ 160)px
sp是字体单位,一般情况下可认为sp=dp。但是可以根据用户的字体大小首选项进行缩放。Android系统允许用户自定义文字尺寸大小(小、正常、大、超大等等),当文字尺寸是“正常”时1sp=1dp,而当文字尺寸是“大”或“超大”时,1sp>1dp。


问3:用什么软件做设计

对于电脑配置低(多开几个软件电脑声音很大而且会很卡)的设计师来说,

实测了Master go、Pixso、即使设计。FIGMA运行比较流畅、且不会太让电脑卡的。(这里不得不佩服Figma的技术)


下载地址

官方版:https://www.figma.com/downloads/

汉化版:https://moonvy.com/figmaEX/  汉化教程:https://moonvy.com/blog/post/2022/FigmaEX-Mac%E7%89%88%E5%AE%89%E8%A3%85%E5%B8%AE%E5%8A%A9/



Powered by Froala Editor

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票