UI设计

最新推荐文章于 2024-07-24 14:34:33 发布
最新推荐文章于 2024-07-24 14:34:33 发布
阅读量450 收藏
点赞数
分类专栏： Andriod 文章标签： ui android

本文为《谷歌Android UI设计技巧》第二部分：优秀UI设计准则。

谷歌官方Android UI设计技巧

Android UI设计理念和注意事项

Android UI的设计哲学:干净而不过于简单、关注内容而非修饰、保存一致，让用户容易投入其中，可附加少许变化、使用云端服务（存储和同步用户资料）来加强用户体验

优秀UI设计准则:关注用户、显示正确的内容、给予用户适当的回馈、有章可循的行为模式、容忍错误

关注用户：了解你的用户（年龄，技能，文化，对你的应用的需求，使用的设备，何时何地如何使用设备）、‘用户优先’的设计心态 （用户通常是任务导向的行为模式）、更早，更频繁的由真实用户来测试

显示正确的内容：最常用的操作需要最快被用户看到并且可用、不太常用的功能可以放到菜单里面

给予用户适当的回馈：交互式的UI元素最少需要反映出4种不同的状态 （default，disabled，focused，pressed）、保证操作的结果是清晰可见的、多给予用户进度提示，但是不要干扰他们当前的操作

有章可循的行为模式：行为模式遵循用户的期望（正确的操作活动堆栈，显示用户期望看到的信息和动作）、使用合适的方式来加强功能可见性（可点击的元素就应该看起来是可以点击的）

如果用户完成一项任务需要复杂的操作，重新思考你的设计!!!

容忍错误：只允许有意义的操作（适当禁用一些按钮）、尽量减少不可回退的操作、允许回退（undo）比使用确定对话框更好（实际上，应该尽量少用确定对话框，它对用户是一种干扰）

“如果错误是可能发生的，那就有人会犯错误。”——Donald Norman, The Design of Everyday Things 作者

设计需要考量的地方：屏幕的物理尺寸、屏幕密度、屏幕的方向（竖向和横向）、主要的UI交互方式（触屏还是使用D-pad/trackball）、软键盘还是物理键盘

设计需要考量的地方：了解不同设备之间的相异之处是非常重要的、阅读CDD，学习设备可能差异的地方、了解屏幕尺寸和密度分类

sotsog
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
UI设计简介
ERHAabc123的博客
12-23 4254
UI设计：（web网页设计，从网页的构成、视觉规范、详情页、专题、推广页设计、web端类型、原型图的设计、原型出效果图、前端代码，移动端icon图标设计、产品及交互设计、视觉设计、动效设计、h5面试） UI设计：手机布局页面，界面交互，行业配色，切图，标注等等，像播放器，手机导航，天猫，京东等等，所有的手机APP都是UI设计师来完成的。UI设计师是国内行业中薪资待遇最高的设计行业，手机APP的全面普及，带动了UI设计师的就业和发展，安卓系统和苹果的IOS系统包括每个手机的不同的APP他的布局页面比如...
学习UI设计的心得体会
weixin_71213227的博客
06-28 1549
通过一年的学习和实践，我在UI设计领域取得了显著的进步。通过实践驱动学习、以用户为中心的设计思维、设计工具的灵活应用、迭代和反馈的循环以及与其他学科的交叉学习，我深化了对UI设计的理解和掌握。这一过程不仅提升了我的设计能力，还增强了我对用户体验和创意表达的敏感度。未来，我将继续保持学习的态度，积极追求创新和卓越，为用户创造出更好的UI设计作品。
UI设计默认尺寸规范
miiiiiiiiiiiii的博客
03-25 1278
Android 比 iPhone 的寸尺多，建议大家选 720×1280 这个尺寸，是设计师最常用一个 UI 设计尺寸。常见尺寸：480×800Px、720×1280Px、1080×1920Px。网页端的宽度通常为 960Px、1200Px 或 1440Px。网页宽度通常： 960Px、1200Px 、 1440Px。安卓常用的 UI 设计尺寸为 720×1280Px，常见尺寸：428×926dP、390×844dP。页面、图标、工具栏、导航栏、按钮、字体。：：启动(应用)图标设计尺寸。
UI设计 色彩基础
weixin_51231767的博客
04-28 1759
一、色彩的基础知识 RGB RGB色彩模式是一种颜色标准，是通过对红（Red） 、绿（Green）、蓝（Blue）三个颜色通道的变化以及它们相互之间的叠加来得到的各种颜色。 HSB HSB色彩模式是通过色相（Hues）、饱和度（Saturation）和明度（Brightness）3个元素来表达色彩的。 彩色系 包括了可见光中的所有色彩，以红橙黄绿青蓝紫为基本色，基本色混合进而产生众多的色彩。彩色系中的任何一种颜色，都具有色相、明度和纯度三种属性。 无彩色系 无彩色系是指黑色、白色以及黑白两种混合而成的
2021年UI设计面试问题及答案解析
qinge_Crazy的博客
05-13 3566
　　UI设计这个岗位的薪资是非常高的，想要进入到这个行业的小伙伴越来越多，下面小编给大家整理了今年UI设计面试常见的面试题及答案解析，希望能够帮助你在2021年求职UI设计师面试中脱颖而出，找到一份高薪工作。 　　2021年UI设计面试问题及答案解析： 　　1、你认为UI和平面的区别是什么? 　　平面设计主要学习如报纸广告、喷绘写真、名片、路牌、企业样册、VI设计、LOGO标志、宣传单页、宣传折页、海报、包装设计及婚纱设计等，这些都属于平面设计的范畴。 　　UI的本意是用户界面，还包括用户与界面
揭开UI设计的神秘面纱：如何打造一款让用户爱不释手的移动APP
热门推荐
程序边界
04-29 1万+
移动APP UI设计与制作(微课版)》以通俗易懂的语言、翔实生动的案例全面介绍了移动App UI设计理论和各种界面元素的设计方法。全书共分13章，内容涵盖UI设计的基础理论，App UI设计的要点，设计原则和规范，图标、基础UI控件、闪屏页、引导页、空白页、首页、个人中心页、列表页、播放页和详情页的设计方法等，力求为读者带来良好的学习体验。与书中内容同步的案例操作教学视频可供读者随时扫码学习。
4款不错的UI设计软件推荐
七小嗨少的博客
05-05 1485
不得不说，UI设计的软件即时设计个人版完全免费，其社区资源中的设计材料开源、免费、商业化。为了提高工作效率，加强团队合作，形成统一的设计规范，积累团队设计资源库，即时设计是一款值得选择的UI设计软件即时设计。即时设计是一款免费的在线 UI 设计工具，无系统限制，浏览器打开即可使用，更有丰富的在线素材、云端字体、交互动画等功能满足多种需求，轻松应付移动端、Web端、可视化大屏等设计场景，还可和产品、开发轻松协作，实时在线评审、交付切图、查看代码标注，大幅提高团队工作效率。价格:免费只支持一个项目；
10款UI设计师常用的UI设计工具盘点
七小嗨少的博客
07-28 7854
是一种专业的快速原型设计工具，负责定义需求和规格.设计功能和界面的专家可以快速建立应用软件或Web网站的线框图.流程图.原型及规格说明文档。它是一种常用的视频编辑软件，由常用的视频编辑软件，由Adobe公司推出的Premiere常用的系列有CS4.CS5.CS6.CC.CC2014.CC2015以及CC2017版本。使用正确的使用方法。最大的优势就是支持多人实时协作的工作方式，由于2020年疫情的原因，远程办公的需求大量增加，Figma也借着这一机会成为现在最流行的UI线上协同设计工具之一。...
【UI 设计】触摸界面设计
bingquan3333的博客
08-29 1875
大按钮和目标区域：由于触摸屏幕的操作面积较小，因此按钮和目标区域应该足够大，以确保用户能够轻松点击它们。界面布局：设计简洁、直观的界面布局，使用户可以快速找到所需的功能和信息。反馈机制：为了提供良好的用户体验，触摸界面设计应该提供明确的反馈机制，例如点击按钮时的视觉效果或声音提示。手势操作：除了简单的点击，触摸界面还可以支持手势操作，如滑动、捏合和拖动等。这些手势可以提供更多的交互方式，并增加用户的操作灵活性。为了提供无障碍的触摸界面设计，可以采用较大的字体、高对比度的颜色和易于触摸的目标区域。
UI设计色彩模式选择
wuyufanningmeng的博客
04-28 2268
色彩模式是平面设计最基本的 知识，也是平面设计难以掌握控制的，若处理不好，最终出来的效果可能会与设计时有很大差距。 Photoshop的色彩模式有多种，其中常用的有RGB、CMYK、Lab三种色彩模式。 ①RGB模式是 色光的色彩模式，就编辑图像而言，RGB色彩模式是最佳的色彩模式，因为它可以提供全屏幕的24bit的色彩范围，即真彩色显示。 印刷采用的是CMYK色彩模式，而RGB色域大于CMYK色...
ui设计作业.zip
06-13
在本压缩包“ui设计作业.zip”中，包含的是一份与燕窝相关的UI设计作业。这份作业聚焦于用户体验（UX）和用户界面（UI）设计，是设计师为燕窝产品构建的一个数字交互原型，同时提供了PSD源文件，便于进一步编辑和...
UI设计需求单（模板）.docx
12-23
在IT行业中，UI设计是构建用户界面的关键环节，它直接影响到产品的用户体验和视觉吸引力。一个良好的UI设计需求单是确保项目顺利进行的基础，因为它清晰地定义了设计目标、预期成果和设计过程中的关键要素。以下是对...
UI设计规范大全.zip
06-08
很多新人在开始做UI设计的时候，往往对界面的一些尺寸规范不是十分清楚，很多时候都是凭借自己的感觉和经验去绘制界面，心里并没有一个清晰的概念，导致做出来的页面总是不那么尽如人意。本文整理汇总了最新的界面...
零基础学游戏UI设计.rar
07-06
游戏UI设计是游戏开发中的重要组成部分，它负责与玩家进行交互，提供清晰的导航和反馈，从而提升用户体验。本教程“零基础学游戏UI设计”旨在帮助初学者掌握这一领域的基础知识，通过PPT课件的形式深入浅出地讲解...
常用Jetpack库简析
最新发布
彬_小彬的博客
07-24 288
Jetpack是一组Android软件组件库，旨在帮助开发者更轻松地构建健壮、高效且易于维护的Android应用程序。
移动UI：运动风格具备什么特征，如何识别。
2401_82616673的博客
07-23 363
运动风格的UI设计会注重动态的交互设计，例如按钮点击时的反馈动画、菜单展开时的过渡效果等，使用户能够感受到界面的活力和生动性。运动风格的UI设计会模拟自然界的物理效果，例如弹簧效果、弹跳效果、惯性滚动等，使界面元素的运动更加贴近真实世界的物理规律。运动风格的UI设计通常会运用流畅的动画效果，例如过渡动画、元素的缓动效果等，以增强用户体验和吸引用户的注意力。运动风格的UI设计通常会运用渐变和阴影效果，以增加元素的立体感和深度感，使界面更加生动和具有层次感。
PyQT6---环境搭建
weixin_48516591的博客
07-21 317
1、虚拟环境搭建创建虚拟环境切换虚拟环境。
UE4/5 对话系统
hi
07-23 384
事件Dialog是我创建的接口,用来连接主角和此UI，至此UI逻辑就写完了。说来惭愧两年前看的教程，现在才记录一下，很好的教程推荐大家观看。4.再创建一个UI，这里不用特别固定按自己喜欢的格式来创建就行。3.再创建两个数据表格，选择剧本结构和角色信息。下面是在主角蓝图中写的简单方法来与NPC交互。1.首先创建两个枚举，内容如下。再到这个UI蓝图中写下以下代码。2.创建三个结构体，内容如下。
移动应用UI设计模式指南
"移动应用UI设计模式" 是一本专注于移动应用用户界面（UI）设计的专业书籍，由美国设计师 Theresa Neil 撰写，并由王军锋、郭偎、武艳芳翻译成中文。该书收录在图灵交互设计丛书中，由人民邮电出版社出版。内容涵盖...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值