精华内容
下载资源
问答
  • Android 设计

    2012-10-18 10:50:35
    Android 设计
  • 简单的安卓类小程序app 可以下着学习代码看看学习 不能作为正式商业软件用,学习代码练习的时候可以用
  • AndroidDesign 安卓设计模式 抽象模式(abstract) builder模式 原型模式(cloneable) 责任链模式(iterator) 单例模式(singleton) 状态模式(state) 策略模式(strategy)
  • 安卓设计思路

    2013-03-13 23:10:04
    安卓设计思路,介绍Android开发的设计思路.
  • 安卓设计图标:Android_Design_Icons_20131106.zip

    千次下载 热门讨论 2014-01-09 16:34:23
    安卓设计图标:Android_Design_Icons_20131106.zip
  • 安卓设计测试 测试各种 Android 设计概念
  • EDITED BY CHENYU * 移动互联网业务 移动互联网业务课程 Mobile Internet Service 主讲教师 陈煜 移动通信技术专业教学资源库 深圳信息职业技术学院电子与通信学院 Android 界面尺寸规范 目录 01 界面尺寸 02 布局...
  • android设计规范

    2011-11-24 10:35:57
    android设计规范 android设计规范
  • Android 设计模式

    千次下载 热门讨论 2014-05-13 10:48:55
    项目开发中发现问题、解决问题这个过程中有很...如果设计模式在编码设计生涯中用得极少,主要原因是对设计模式的理解还不够,认识不到问题的存在。 因为不能正确的分析问题、认识问题,当然也不可能很好的解决问题了。
  • Android设计稿模板

    2013-06-24 08:55:54
    Android设计稿模板
  • Android 设计尺寸规范

    千次阅读 2019-05-02 17:51:16
    Android 设计尺寸规范 Android 常用图标尺寸及设计规范汇总
    展开全文
  • 这是安卓开发的调色板,使用photoshop打开使用。很有帮助的!
  • Android 设计指南

    2013-03-13 08:14:08
    这些设计原则是Android 用户体验团队本着为用户最大利益着想。当你进行Android 应用程序设计创意时,请考虑它们,使之不偏离设计目的。
  • Android设计尺寸规范 --Android Design Guidelines 字体 Typography 中文字体:Source Han Sans / Noto 英文字体:Roboto 元素 字重 字号 行距 字间距 App bar Medium 20sp - - ...

    Android设计尺寸规范

    --Android Design Guidelines 

    字体 Typography

    中文字体:Source Han Sans / Noto

    英文字体:Roboto

    元素字重字号行距字间距
    App barMedium20sp--
    ButtonsMedium15sp-10
    HeadlineRegular24sp34dp0
    TitleMedium21sp-5
    SubheadingRegular17sp30dp10
    Body 1Regular15sp23dp10
    Body 2Bold15sp26dp10
    CaptionRegular13sp-20

    图标 icons

    图标用途mdpi (160dpi)hdpi (240dpi)xhdpi (320dpi)xxhdpi (480dpi)xxxhdpi (640dpi)
    应用图标48 x 48 px72 x 72 px96 x 96 px144 x 144 px192 x 192 px
    系统图标24 x 24 px36 x 36 px48 x 48 px72 x 72 px196 x 196 px

    应用图标 Product icons

    • 方形

      高度:152dp 宽度:152dp

    • 圆形

      直径:176dp

    • 垂直长方形

      高度:176dp 宽度:128dp

    • 水平长方形

      高度:128dp 宽度:176dp

    系统图标 System icons

    • 方形

      高度:18dp 宽度:18dp

    • 圆形

      直径:20dp

    • 垂直长方形

      高度:20dp 宽度:16dp

    • 水平长方形

      高度:16dp 宽度:20dp

    快捷图标 Shortcut icon

    • 实际面积

      高度:44dp 宽度:44dp

    • 总面积

      高度:48dp 宽度:48dp

    • 系统图标尺寸

      高度:24dp 宽度:24dp

    • 实际面积位置

      剩余高度:24dp
      剩余宽度:24dp

    单位和度量 Units and measurements

    dpi =屏幕宽度(或高度)像素 / 屏幕宽度(或高度)英寸

    dp =(宽度像素 x 160)/ dpi

    名称分辨率 pxdpi像素比示例 dp对应像素
    xxxhdpi2160 x 38406404.048dp192px
    xxhdpi1080 x 19204803.048dp144px
    xhdpi720 x 12803202.048dp96px
    hdpi480 x 8002401.548dp72px
    mdpi320 x 4801601.048dp48px

    UI组件布局 Element Layout

    列表 List

    • 垂直边框和水平外边距

      边框左右外边距各16dp

      带有图标或者头像的内容有 72dp 的左边距。

    • 垂直边距

      1. 状态栏:24dp
      2. 工具栏:56dp
      3. 子标题:48dp
      4. 列表项:72dp

    • 垂直边框和水平外边距

      边框左右外边距各16dp

      带有图标或者头像的内容有 72dp 的左边距。

    • 垂直边距

      1. 状态栏:24dp
      2. 工具栏:56dp
      3. 标题和列表项:48dp
      4. 子标题:48dp
      5. 内容区域间的距离:8dp

    详情视图 Detail view

    • 垂直边框和水平外边距

      边框左右外边距各16dp

      带有图标或者头像的内容有 72dp 的左边距。

      右边图标的右边距为32dp

    • 垂直边距

      1. 状态栏:24dp
      2. 工具栏:56dp
      3. 内容区域间的距离:8dp
      4. 列表项:72dp

    • 垂直边框和水平外边距

      边框左右外边距各16dp

      带有图标或者头像的内容有 72dp 的左边距。

      弹出菜单与右边框的距离为56dp

    • 垂直边距

      1. 列表项:48dp
      2. 内容区域间的距离:8dp
      3. 导航右边距:56dp

    触控区域尺寸 Touch target size

    • 头像:40dp

      图标:24dp

      触控区:48dp

    • 实例

    • 触控区域高度:48dp

      按钮高度:36dp

    • 实例

    应用栏 App bar

    • 应用栏高度:56dp
      应用栏左右内边距:16dp
      应用栏图标上、下、左内边距:16dp
      应用栏标题左内边距:72dp
      应用栏标题下内边距:20dp

    • 应用栏高度:128dp

    • 操作栏高度:56dp
      标题栏高度:80dp
      标题栏底部内边距:8dp
      描述区域高度:72dp
      描述区底部内边距:16dp

     

    原文地址:https://www.25xt.com/screen/android.html

    (如有侵权,请联系作者删除文章)

    展开全文
  • ios&Android设计文档

    2013-04-27 11:18:22
    安卓手机上开发快思聪程序的相关说明(ios&Android设计文档)
  • android设计必备的常用axure原型
  • 主要为大家详细介绍了Android设计登录界面的方法,Android实现找回密码、注册功能,感兴趣的小伙伴们可以参考一下
  • 设计更好的安卓程序;让你的程序更加流畅;安卓程序设计中的一些基本原则问题。
  • android设计visio模板库

    2014-09-21 23:53:36
    模板中已经做好了一些android常用组件,用来设计android应用原型最好不过了。在visio中打开即可使用
  • 安卓设计文档

    2012-12-11 08:49:09
    安卓开发文档,相信对你有帮助的,介绍了安卓开发技术的前世今生,对希望移动开发的你会有很多帮助
  • Android界面设计规范 Android切图标注 安卓开发单位换算 总结 一. 基础概念 1. 什么是DPI? DPI(Dots Per Inch):每英寸点数,表示指屏幕密度。是测量空间点密度的单位,最初应用于打印技术中...

    目录:

    • 基础概念

    • Android界面设计规范

    • Android切图标注

    • 安卓开发单位换算

    • 总结

    一. 基础概念

    1. 什么是DPI?

    DPI(Dots Per Inch):每英寸点数,表示指屏幕密度。是测量空间点密度的单位,最初应用于打印技术中,它表示每英寸能打印上的墨滴数量。较小的DPI会产生不清晰的图片。

    后来DPI的概念也被应用到了计算机屏幕上,计算机屏幕一般采用PPI(Pixels Per Inch)来表示一英寸屏幕上显示的像素点的数量,现在DPI也被引入。

    安装Windows操作系统的电脑屏幕PPI的初始值是96,Mac的初始值是72,虽然这个值从80年代起就不是很准确了。 一般来说,非retina桌面(包括Mac)的PPI的取值区间在72-120之间,因为这个取值区间能够确保你的作品在任何地方都能保持大致相同的比例。

    这里有一个应用实例: 27寸Mac影院显示屏的PPI是109,这表示在每英寸的屏幕上显示了109个像素点。斜角长是25.7英寸(65cm),实际屏幕的宽度大概是23.5英寸,23.5109约等于2560,因此原始屏幕分辨率就是2560x1440px。

    • 屏幕密度计算公式:

    • 1080x1920px屏幕密度:

    2. 什么是PPI?

    PPI(Pixels Per Inch):图像分辨率;是每英寸图像内有多少个像素点,分辨率的单位为ppi,通常叫做像素每英寸。图像分辨率一般被用于ps中,用来改变图像的清晰度。

    二. Android界面设计规范

    1. Android各设备屏幕密度

    安卓尺寸众多,按每个屏幕去适配肯定是不现实的。

    所以为了解决这个问题,安卓手机屏幕有自己初始的固定密度,安卓会根据这些屏幕不同的密度自己进行适配。这一点内容掌握到能满足自己设计工作需要就可以了……

    以下是Android的密度划分以及代表的分辨率,这里你可以发现已经和设计稿尺寸和切图输出开始挂钩了。

    • 安卓各屏幕密度

    U妹来带大家了解一下iPhone各设备的手机屏幕密度:

    iphone 4/4S/5/5S/SE/6/7≈320DPI

    2. Android开发单位DP和SP

    DP:安卓专用长度单位。以160 DPI屏幕为标注,则1DP=1PX

    计算公式:dp x dpi/160=px

    例:以720x1280px (320dpi)为例计算 1dp x 320 dpi/=2px

    SP:安卓专用字体单位。以160 DPI屏幕为标注,则1SP=1PX

    计算公式:sp x dpi/160=px

    例:以720x1280px (320dpi)为例计算 1sp x 320 dpi/=2px

    3. 设计稿尺寸

    从目前市场主流设备尺寸来看,我们要用1080 x 1920 PX 来做安卓设计稿尺寸。

    以1080x1920px作为设计稿标准尺寸的原由:

    ① 从中间尺寸向上和向下适配的时候界面调整的幅度最小,最方便适配。

    ② 大屏幕时代依然以小尺寸作为设计尺寸,会限制设计师的设计视角。

    ③ 用主流尺寸来做设计稿尺寸,极大的提高了视觉还原和其他机型适配。

    所以做安卓设计稿时请以1080x1920px来做设计稿

    (sketch用户以540 x 960来做设计稿)

    • 界面设计控件尺寸:

    4. 安卓图标尺寸

    安卓的图标相对iOS来说较少,我们只需提供以下几个尺寸就可以了,但是需要提高2套,圆角和直角各一套,因为有的地方都会用到。

    512x512px、192x192px、144x144px、96x96px、72x72px、48x48px

    因为安卓有很多的机型,不同屏幕密度的手机对应的icon大小也是不同的,所以U妹这里没法给你给出相应的icon所被应用的位置。

    5. 安卓设计字体

    英文字体为 Roboto字体,中文字体为 思源黑体。在Android 5.0之后,使用的是思源黑体,字体文件有2个名称,“source han sans”和“noto sans CJK”。

    思源黑体是Adobe和Google领导开发的开源字体,支持繁简日韩,有7种字体粗细。

    思源黑体字体下载地址,请戳这里:《免费下载!谷歌携手ADOBE推出超好看的的思源宋体(7种字重)》

    6. 常见主流手机尺寸和分辨率

    三. Android切图标注

    1. 标注设计稿时,使用px还是dp或sp?

    答:这个问题需要和安卓工程师沟通,推荐使用dp和sp进行标注(这里指的是在安卓设计稿的前提下)。但目前很多设计师对dp和sp这个单位并不理解,所以有些设计师提供安卓设计稿的时候依旧使用px进行标注,这一点去和你的搭档工程师进行沟通,如果不影响他开发以及他能换算清楚的前提下,你可以考虑使用Px,但是我并不推荐。

    这里要记住一点(你只需要记住能帮助你工作就可以):

    • 当屏幕密度为MDPI(160DPI)时,1dp=1px

    • 当屏幕密度为MDPI(160DPI)时,1sp=1px

    像素字号=屏幕密度/160 * sp字号 可以根据这个去算算设计稿中的像素字号标注为sp是多少,比如xHDPI下,36px的字标注为sp就是18sp,以此类推。

    按照不同的屏幕密度换算,也就是下图所示的意思:

    2. 你需要提供几套切图资源?

    答:理论状态下,如果你想兼顾到目前还存在的各个机型,应该为不同的密度提供不同尺寸大小的切图。

    但这无疑提升了巨大的工作量,而且还可能浪费很大的资源空间,实际上,很多机型已经不占有主流市场了,而且很多奇葩的分辨率也没必要去考虑适配,所以,具体输出几套需要看公司的产品需求而定。

    通常我是这么干的:

    选取最大尺寸提供一套切图资源,交给开发工程师处理,适配到各个屏幕密度。

    这里要注意,这个“最大尺寸”,指的并不是目前市面上Android手机出现过的最大尺寸,而是指目前流行的主流机型中的最大尺寸,这样可节省很大的资源空间。关于最大尺寸选取多少,你需要和你们的安卓工程师沟通,每个安卓工程师对这个问题的结论并不同。(我的安卓搭档,让我提供XXHDPI的切图资源就好,我用的切图工具是Cutterman,切图一键搞定)

    3. Android的切图资源提供哪个尺寸给开发哥哥?

    答:iOS的切图有@2x,@3x之分,那么Android的切图根据dpi的不同,其实和iOS的类似,只不过是按照dpi来进行资源文件夹的命名,如下图:

    根据不同的分辨率进行切图归类,但是你看到了,如果切片特别多,提供5套切图岂不是要累死了?

    一般情况下,我们只需要提供3套切图资源就可以满足安卓工程师的适配,分别是HDPI、XHDPI、 XXHDPI 3套切图资源。

    目前我使用的办法就是只提供最大尺寸的切图,交给安卓工程师自己去缩放适配其他分辨率吧,所以和你的搭档沟通一下。

    其实现在绝大多数公司限于人力物力的限制,没有这么严格的工作方式,基本上就是一个文件夹,命名好了就提供给工程师了。

    这里还是提醒各位,没有固定的工作方式和方法,任何方式都是为了提升工作效率而进行的。

    4. 在做设计稿时我们遇到的最多问题

    ① 用哪种尺寸做设计稿?

    • iOS:用750x1334px来做设计稿。

    • 安卓:就目前的市场来看,XXHDPI属于主流机型;这样无论是标注,还是主流机型都能兼顾的到,所以推荐使用1080x1920px来做设计稿尺寸,这样即使你标注的是px,工程师也可以很方便的进行换算。

    ② 如何用iOS的设计稿去适配安卓(划重点啦)

    现在有一种情况现在非常普遍,那就是一稿两用;设计师都是做iOS版本的设计稿,来适配安卓,现在要给安卓用,应该怎么办?

    iPhone的屏幕密度已经达到xHDPI了,用750x1334px的尺寸做设计稿。

    实际上,750×1334的@3x的切图资源正好是安卓XXhdpi(1080x1920px)的切图资源;安卓开发用iOS的设计稿自己进行换算就可以了,前提是你必须和安卓工程师沟通。

    另一种情况:你可以把750×1334的设计稿等比例调整尺寸到安卓1080×1920尺寸下,对各个控件进行微调,重新提供标注(用dp标注)。也就是说,你需要提供两套标注,一套给iOS的标注,一套给Android的标注。

    ③ 大家可能还有一个问题,那就是我用cutterman切安卓图片输出的有drawable和mipmap 2个文件夹,到底将哪个给开发工程师呢?

    答:以前用的开发工具,是只有drawable, 没有mipmap的,后来新的开发工具里面才有mipmap这个文件夹,专门用来放png格式的图片的,不过drawable里面还是可以放png图片。

    所以现在我们给安卓工程师的切图输出文件只需给mipmap-前缀开头的就好。

    四. Android开发单位换算

    1. 安卓机型各种尺寸下的PX与DP、SP的对应关系

    2. 字体单位SP与PX的对应关系

    3. 距离单位DP与PX的对应关系

    五. 总结

    这里说的只是一种工作方法,好的工作方法才能自己事半功倍,在具体工作中也要灵活应用,一定要多和开发沟通交流,良好的沟通才是解决问题的唯一方法。

    展开全文
  • Android 设计规范整理

    千次阅读 2020-01-23 19:03:24
    Android UI 设计规范整理 一、屏幕尺寸关系 一般选择720*1280来作为设计稿 二、设计要点 1.UI间隔 大多数间距单位是8dp的整数倍,对齐间距和整体布局。较小的组件(如图标和排版)可以与4dp网格对齐 2.ui大小 ...

    Android UI 设计规范整理

    一、屏幕尺寸关系

    一般选择720*1280来作为设计稿
    在这里插入图片描述

    二、设计要点

    1.UI间隔

    大多数间距单位是8dp的整数倍,对齐间距和整体布局。较小的组件(如图标和排版)可以与4dp网格对齐
    在这里插入图片描述

    2.ui大小

    • 一般把48dp作为可触摸UI元件的标准
    • list默认高度为48dp
    • btn默认高度为40dp
    • 边距默认可为16dp
    • 顶部状态栏高度:24dp
    • Appbar最小高度:56dp
    • 底部导航栏高度:48dp
    • 悬浮按钮尺寸:56x56dp/40x40dp
    • 用户头像尺寸:64x64dp/40x40dp
    • 小图标点击区域:48x48dp
    • 侧边抽屉到屏幕右边的距离:56dp
    • 卡片间距:8dp
    • 分隔线上下留白:8dp
    • 大多元素的留白距离:16dp
    • 屏幕左右对齐基线:16dp
    • 文字左侧对齐基线:72dp
    • 在这里插入图片描述在这里插入图片描述

    3.图标

    • 启动图标必须为48*48dp
    • 小图标24dp

    4.Actionbar

    hight 48dp,icon 24dp, font18sp
    在这里插入图片描述

    5.Bottom navigation

    hight 56dp,icon 24dp, font11sp
    在这里插入图片描述

    6.List

    item:hight 36dp,icon 16dp, font 14sp
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    7.button

    圆角4dp, font 14sp
    在这里插入图片描述

    8.Tabs

    在这里插入图片描述

    9.字体大小

    • 单位:sp
    • 一般14sp,小12sp,大16sp,超大22sp

    10.颜色

    Android 定义颜色color时有6位或8位值的区别,6位(如:#0470C4)就是RGB,值8位(如:#1E000000)头两位是透明度,后6位是RGB值,00是完全透明,FF是完全不透明,比较适中的透明度值是 1E。

    不透明度16进制值

    格式如#00FFFFFF,前两位代表不透明度的十六进制。00表示完全透明,FF就是全不透明。依次递增。

    不透明度	16进制值
    100%	FF
    95%	F2
    90%	E6
    85%	D9
    80%	CC
    75%	BF
    70%	B3
    65%	A6
    60%	99
    55%	8C
    50%	80
    45%	73
    40%	66
    35%	59
    30%	4D
    25%	40
    20%	33
    15%	26
    10%	1A
    5%	0D
    0%	00
    
    展开全文
  • 最近刮起了一股“养蛙儿子”的风潮。...在此,小编为大家整理了几款好用的安卓UI界面设计工具,希望能为大家在设计Android UI界面的时候有所帮助。1. Android Developers (Free) 优势:全面的Ma...
  • android 设计文档

    2019-07-15 09:51:42
    https://blog.csdn.net/wzgiceman/article/details/82593266
  • 而25学堂也借这个机会,重新跟大家来理一理移动APP设计入门文档规范:iOS和Android设计指南。 目前从事移动互联网的人,越来越多啦!而且靠移动APP发家致富的也不在少数。 典型的励志案例,昨天陌陌上市了!...
  • Android小说阅读器,基于myeclipse。。
  • 本文介绍在使用Eclipse开发Android程序时无法显示Android设计界面的解决方案。    我们在使用MyEclipse或Eclipse开发Android程序时,有进点击main.xml Design可能显示的不是设计界面,而是view属性界面,如...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 448,231
精华内容 179,292
关键字:

安卓设计