android UI界面设计
Android UI 界面设计 Android UI 界面设计是一种基于 Android 平台的用户界面设计方法,旨在为用户提供简洁、美观、易用的界面设计体验。下面是 Android UI 界面设计的相关知识点: 一、UI 设计 9 要素 1. 为高分辨率的屏幕创建资源(缩小总比放大好):在设计 UI 界面时,需要考虑到不同的屏幕分辨率和密度,以确保界面在不同设备上的良好显示。 2. 需要点击的元素要够大:设计时需要考虑到用户的点击区域,确保点击元素足够大,以便用户的操作。 3. 图标设计遵循 Android 的准则:在设计图标时,需要遵循 Android 的设计准则,以确保图标的美观性和一致性。 4. 使用适当的间距(margins, padding):在设计 UI 界面时,需要合理使用间距,以确保界面元素的布局合理。 5. 支持 D-pad 和 trackball 导航:在设计 UI 界面时,需要考虑到不同的导航方式,以确保用户可以轻松地导航。 6. 正确管理活动(activity)堆栈:在设计 UI 界面时,需要正确地管理活动堆栈,以确保用户的操作流畅。 7. 正确处理屏幕方向变化:在设计 UI 界面时,需要正确地处理屏幕方向的变化,以确保界面在不同方向上的良好显示。 8. 使用主题/样式,尺寸和颜色资源来减少多余的值:在设计 UI 界面时,需要合理地使用主题、样式、尺寸和颜色资源,以减少多余的值。 9. 和视觉交互设计师合作:在设计 UI 界面时,需要与视觉交互设计师合作,以确保界面设计的美观性和一致性。 二、UI 设计 5 不要 1. 不要照搬你在其它平台的 UI 设计:在设计 UI 界面时,需要考虑到 Android 平台的特点,不要照搬其他平台的设计。 2. 不要过度使用模态对话框:在设计 UI 界面时,需要合理地使用模态对话框,以避免用户的不良体验。 3. 不要使用固定的绝对定位的布局:在设计 UI 界面时,需要避免使用固定的绝对定位的布局,以确保界面的灵活性。 4. 不要使用 px 单位,使用 dp 或者为文本使用 sp:在设计 UI 界面时,需要使用合适的单位,以确保界面的适应性。 5. 不要使用太小的字体:在设计 UI 界面时,需要合理地选择字体大小,以确保用户的阅读体验。 三、Android UI 的设计哲学 1. 干净而不过于简单:在设计 UI 界面时,需要考虑到简洁性和美观性。 2. 关注内容而非修饰:在设计 UI 界面时,需要关注内容,而不是修饰。 3. 保存一致,让用户容易投入其中,可附加少许变化:在设计 UI 界面时,需要保持一致性,让用户容易投入其中。 4. 使用云端服务(存储和同步用户资料)来加强用户体验:在设计 UI 界面时,需要考虑到云端服务的使用,以加强用户体验。 四、优秀界面的设计 5 条准则 1. 关注用户:在设计 UI 界面时,需要关注用户的需求和体验。 2. 显示正确的内容:在设计 UI 界面时,需要显示正确的内容,以确保用户的阅读体验。 3. 给予用户适当的回馈:在设计 UI 界面时,需要给予用户适当的回馈,以确保用户的操作流畅。 4. 有章可循的行为模式:在设计 UI 界面时,需要遵循有章可循的行为模式,以确保用户的操作流畅。 5. 容忍错误:在设计 UI 界面时,需要容忍错误,以确保用户的操作流畅。 五、设计需要考量的 8 地方 1. 屏幕的物理尺寸:在设计 UI 界面时,需要考虑到屏幕的物理尺寸。 2. 屏幕密度:在设计 UI 界面时,需要考虑到屏幕密度。 3. 屏幕的方向(竖向和横向):在设计 UI 界面时,需要考虑到屏幕的方向。 4. 主要的 UI 交互方式(触屏还是使用 D-pad/trackball):在设计 UI 界面时,需要考虑到主要的 UI 交互方式。 5. 软键盘还是物理键盘:在设计 UI 界面时,需要考虑到软键盘还是物理键盘。 6. 了解不同设备之间的相异之处:在设计 UI 界面时,需要了解不同设备之间的相异之处。 7. 阅读 CDD,学习设备可能差异的地方:在设计 UI 界面时,需要阅读 CDD,学习设备可能差异的地方。 8. 了解屏幕尺寸和密度分类:在设计 UI 界面时,需要了解屏幕尺寸和密度分类。 六、TextView 重要属性 1. android:layout_centerHrizontal:水平居中。 2. android:layout_centerVertical:垂直居中。 3. android:layout_centerInparent:相对于父元素完全居中。 4. android:layout_alignParentBottom:贴紧父元素的下边缘。 5. android:layout_alignParentLeft:贴紧父元素的左边缘。 6. android:layout_alignParentRight:贴紧父元素的右边缘。 7. android:layout_alignParentTop:贴紧父元素的上边缘。 8. android:layout_alignWithParentIfMissing:如果对应的兄弟元素找不到的话就以父元素做参照物。 七、RelativeLayout 重要属性 1. android:layout_below:在某元素的下方。 2. android:layout_above:在某元素的的上方。 3. android:layout_toLeftOf:在某元素的左边。 4. android:layout_toRightOf:在某元素的右边。 5. android:layout_alignTop:本元素的上边缘和某元素的的上边缘对齐。 6. android:layout_alignLeft:本元素的左边缘和某元素的的左边缘对齐。 7. android:layout_alignBottom:本元素的下边缘和某元素的的下边缘对齐。 8. android:layout_alignRight:本元素的右边缘和某元素的的右边缘对齐。 八、EditText 重要属性 1. android:hint:设置 EditText 为空时输入框内的提示信息。 2. android:gravity:对该 view 内容的限定。 3. android:layout_gravity:设置该 view 相对与起父 view 的位置。