首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏数字孪生元宇宙

    V2X OBU预警信息UI设计

    本文作者是该项目用户体验设计的负责人,帮助团队研究V2X技术,开发趋势和其他竞争对手的相关应用,然后设计了针对不同路况场景的警报UI的概念,这些场景可以适应Garmin的下一代信息娱乐系统。 image.png 4、开发旅行地图 基于上述3个类别,我开发了一个旅行地图,用于设计警报系统的UI,以关注驾驶员在特定路况下的心态。 6、UI概念设计和原型设计 在这个阶段,我根据之前的竞争分析、驾驶员旅程地图和设计指南设计了警报 UI,并考虑了 Garmin 当前平台的适用范围。 7、推出 最终的UI概念首先由Graphics UI团队针对着色和视觉设计进行了优化,然后交付给工程团队,供他们参考下一代信息娱乐系统的未来开发。​ 此外,如果将来有可用的资源,我希望可以在车辆中嵌入原型模型,以便我们进行用户测试,以评估警报系统设计的有效性。 原文链接:基于V2X的车辆预警UI设计 — BimAnt

    1.5K20编辑于 2021-11-28
  • 来自专栏全栈程序员必看

    ui ue设计是什么_ui设计

    本文,就来详细说说UI设计和UE设计这是两种概念,以及如何将它们区分开来。 2、UID:User Interface Design用户界面设计 主要是用户使用界面的视觉设计,负责产品或网站的图形、图标、色彩搭配等,致力于打造产品的美感、风格、气质等。 通常情况下,UE在一定意义上和产品经理并驾齐驱,他们最核心的价值都是思维模式,需要做好对产品设计的把关工作。 2、心态差异 两者在心态方面也有巨大的差异。 UI如果不想成为产品设计的“原型生成器”,就得像UE一样,多参与到产品设计工作中,为自己争取更多的参与权和发言权。 3、知识差异 UI和UE的知识体系有所关联,会有重叠的部分,但还是存在很大的区别。 一名优秀的用户体验设计师,需要对界面、交互和实现技术等有深入的理解。在互联网企业中,一般将视觉界面设计、交互设计和前端设计都归为用户体验设计。 其实,UI和UE是两个互有交集的概念。

    2K50编辑于 2022-08-03
  • 来自专栏静Design

    分页与瀑布流?UI设计师别再傻傻分不清啦!【UI设计小知识】

    分页 网页分页的灵感来源是书本,书本上的分页主要原因是书本的大小限制了内容的承载。那电脑网页可以无限的向下放内容,为什么还需要进行分页呢? 1. 分页的组成 1.1. 我们日常生活中阅读书籍有三种场景: 1)逐页阅读; 2)跳页阅读; 3)有时候也会去看一下这本书一共有多少页。 分页用于网络上也具备这些能力。 迷你版本:对于翻页还可有一些迷你版本,便于在网页宽度不允许的位置使用。 2.分页的特点和场景应用 2.1.让用户具有控制感 能获取到自己当前浏览的内容的相对位置,对接下来即将出现的内容量有预期。 2.3.降低服务负载 在检索数据量庞大时,分页可以降低服务负载。 2. 瀑布流的分类 瀑布流分页分为三种,一种是自动瀑布流,一种是手动瀑布流,还有一种是自动与手动相结合。 2.1. 自动瀑布流 自动瀑布流是移动互联网爆发后兴起的交互方式。

    3.2K30编辑于 2022-05-23
  • 来自专栏全栈程序员必看

    Android UI设计

    UI概述 1、在Android应用中, UI (User Interface)界面是人与手机之间数据传递、交互信息的重要媒介和对话接中。 2、Android程序开发最重要的一个环节就是界面处理,界面的美观度直接影响用户的第一印象,因此,开发一个整齐、美观的界面是至关重要的。 View类是Android系统平台上用户界面表示的基本单元, View的一些子类被统称为Widgets(工具),它们提供了诸如文本输入框和按钮之类的UI对象的完整实现。 UI事件 1、理解UI事件 ①当用户通过手指触摸U时,系统会自动创建对应的Event对象 ②Android中提供了多种方式拦截处理不同类型的事件 ③视图本身就可以处理发生在该视图上的事件 布局的类型

    65050编辑于 2022-09-07
  • 来自专栏Android开发指南

    2.ui

    MainActivity.this, R.layout.item_listview, null); } else{ v = convertView; } //获取布局填充对象 // LayoutInflater inflater = LayoutInflater.from(MainActivity.this);// 使用布局填充填充布局文件// View v2 = new HashMap<String, Object>(); map2.put("photo", R.drawable.photo2); map2.put("name", "小志"); data.add MainActivity.this, fruit.getName(),Toast.LENGTH_SHORT).show();}}); 使用 setOnItemClickListener()方法来为 ListView注册了一个监听, progress = progress + 10;progressBar.setProgress(progress);break;default:break;}} 对话框 确定取消对话框 创建对话框构建对象

    3K90发布于 2018-05-14
  • 来自专栏全栈程序员必看

    【APP UI 设计模式】(一)APP UI 设计原则和流程

    一、基本原则 1、用户体验原则UCD,以用户为中心去设计 2设计模式是可重用的设计规范实现 3、反模式是糟糕设计的典型,极力避免使用 4 、试验模式——超越既有理念和移动现状的设计,有望成为下一个主流UI设计模式。 二、主要内容 1、APP UI 设计模式描写叙述的对象是智能手机、平板、智能设备等设备上执行的应用程序。 2、举行小范围的设计研讨会 3、使用便利贴进行“高速迭代測试和评估”RITE 4、进行视觉设计PS 四、參考资料 1、http://www.androiddesignpatterns.com / 点击打开链接 2、下载PDF书籍《Android应用UI设计模式》 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/118623.html原文链接

    1.3K10编辑于 2022-07-12
  • 来自专栏Android随笔

    UI设计资源收集

    UI Parade 灵感UI设计网是一个致力于设计UI设计作品分享的网站,提供很多有才华的设计师们的优秀作品,帮助设计师们获得UI方面的设计灵感,提供丰富的设计参考案例,同时还提供收费版的在线设计工具 Louie Mantia apple设计站点,网站提供免费的icon图片和桌面以及UI设计下载和使用。 Lovely UI 可爱的UI手机界面设计站点,一个致力于智能手机界面设计作品展示的博客网站,由众多程序界面设计师上传分享出来的,该网站分类详细,用户可以更加分类来查看不同的界面UI设计,要想提高自己的设计能力就需要去取经 UI中国 前身为iconfans,是国内专业的UI设计师交流、学习与展示的平台。 优设 优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。 学UI网 一个发布高质量设计教程和分享设计经验的UI学习平台。 UI设计网 一个专业的用户界面设计、交互动画分享平台。 花瓣网 设计师寻找灵感的天堂!

    3.2K31发布于 2018-08-28
  • 来自专栏web全栈

    新拟物化UI设计

    新拟物界面设计(Neomorphic UI Design)是2020年在互联网上非常火热的一种前端界面设计方式, 这种设计风格在传统的扁平的基础上增加了拟物的投影效果,从而提升了界面的立体感,又比拟物的效果更加轻盈 有趣的工具箱值得 Web 网页设计师收藏哦。 社拟物化风格大赏 UI社收集的一些使用CSS创建的新拟物化风格UI示例。 新拟物音乐播放:http://code.qkongtao.cn/neomorphic/musicPlayer/index.html 2. 玻璃拟物音乐播放:http://code.qkongtao.cn/neomorphic/glassMusicPlayer/index.html 4.

    1.6K20编辑于 2022-09-26
  • 来自专栏刘晓杰

    Android UI 设计技巧

    (1)使用include 标签实现包含共享UI设计 <?xml version="1.0" encoding="utf-8"? layout_height="wrap_content" android:text="Button" /> <Button android:id="@+id/button<em>2</em>" 这个嵌套的布局并没有实际意义,而且会让UI性能变差。为了避免插入类似冗余的View Group,你可以使用<merge/>标签标签作为可复用布局的根节点 (2)使用shapes 实现渐变效果。

    82530发布于 2019-03-01
  • 来自专栏小简技术栈

    UI 设计是什么?

    什么是UI用户界面 UI是用户界面的简称,UI是用户与设备、网站或应用程序交互的媒介,目标是使用户体验简单直观,用户只需付出最少的努力即可获得所期望的结果。 既包括键盘、鼠标、触控板、麦克风、触摸屏、指纹扫描仪、电子笔和相机等输入设备,也包括显示、扬声和打印机等输出设备。与多种感官交互的设备称为“多媒体用户界面”。 例如,日常的用户界面使用触觉输入(键盘和鼠标)和视觉、听觉输出(显示和扬声)的组合。 2. UI用户界面包括哪些 表单的用户界面:用于通过提供有限的选项将数据输入应用程序。 此外,高效设计的交互式UI可以“学习”预测和纠正可能出现的任何问题,以免对用户体验产生负面影响。 示例:社交分享功能、切换、按钮。 在线UI设计工具 无论你从事该行业多久,强大的工具可以帮助你更有效、更准确地完成工作。用户界面设计就是关于体验的设计。如果你没有为客户建立积极的产品和品牌体验,那么你就没办法落地产品业务。

    1.4K30编辑于 2022-10-31
  • 来自专栏CSDN小华

    Unity的UI设计

    例如,《精解uGUI-Unity UI设计与开发从入门到精通》详细介绍了如何使用新UI系统进行设计。 Unity UI Toolkit 特点: 可视化构建:允许在编辑中通过可视化方式构建UI,并预览其效果。 编辑扩展:IMGUI主要用于开发调试和编辑扩展,例如创建Inspector、Hierarchy、Window等UI元素。 适用场景: 开发调试和编辑扩展:IMGUI非常适合用于开发调试和编辑扩展,因为它可以快速响应代码变化并实时更新UI。 总结来说,Unity UI Toolkit适合新的现代UI项目,uGUI适合旧项目的迁移和维护,而IMGUI则更适合需要快速响应代码变化的开发调试和编辑扩展。

    2.2K10编辑于 2024-10-16
  • 来自专栏jianhuicode

    学问Chat UI(2)

    AutoRefreshListView内部源码,从数据适配角度分析如何适配上文讲到的多种聊天消息; 既然从AutoRefreshListView开始,那先来了解下一般使用ListView的步骤: 布局寻找 ListView控件,通过findViewById方法 创建数据适配器 ListView设置数据适配器与常用事件 新增数据到适配器并更新UI 但是数据更新到UI,会遇到多种不同数据结构(多种消息类型) 1.1如何获取provider对象 贴上获取provider代码,讲下基本的思路: 1.判断消息是否是评论消息,如果不是,则根据消息类型获取对应消息类型的provider; 2.如果provider为null ; } this.mInflateView = result; return result; } } 2. mViewCounterMap找到对应键并自动+1(这里的键的类型是AtomicInteger,自增或者自是减线程安全的),那数值大的代表最近刚刚使用过;如果mContentViewMap不存在的话,则把消息处理添加到

    1.2K60发布于 2018-01-17
  • 来自专栏look Java

    2 Elment Ui 日期选择 格式化问题

    Elment Ui 日期选择 格式化问题 在前后端联调过程中 我们常常会遇到日期无法被反序列化 这个问题 会有点头疼 下面以我这边为例 后端使用的是springboot 默认集成了jackjson 可以配置

    59110编辑于 2023-12-07
  • 来自专栏无原型不设计

    成为优秀UI设计师,必须了解的UI设计规范

    今天带来的这些规范,可是成为优秀UI设计师必须知道的“纯干货”,还能让大家深刻了解UI设计规范(https://ds.mockplus.cn)的本质是什么。 图标规范 很多设计师以为UI设计就是设计图标。虽然事实并非如此,但图标的设计在整个UI设计中是比较基础的一个环节。 命名规范 5.gif 很多UI设计师对于“命名”是没什么概念的,他们都是随随便便地用一些没有特定意思的字母去给页面命名,这是不好的。 2  命名格式 一个大型项目会分很多模块,每个模块由不同的设计师来独立完成,还有人会专门管理公共的组件,如tabbar、navbar等等,这种情况下就会分为两种切图,一种是通用类型的切图,还有一种就是各个模块特有的切图 通用切片命名格式: 组件_类别_功能_状态@2x.png 举例:tabbar_icon_home_default@2x.png(对应中文:标签栏_图标_主页_默认@2x.png) 模块特有切图命名规则:

    1.6K40发布于 2018-08-27
  • 来自专栏全栈程序员必看

    Android开发 – 基本UI设计

    文章目录 Android开发 – 基本UI设计 1. 页面部分占用1/N的情况 2. 分割线的实现 3. 多个组件高度一致,顶对齐,并且水平均匀分布 Android开发 – 基本UI设计 本博客记录本人在安卓开发时候遇到的一些UI设计的问题以及解决方法 记录来自Project-FoodList 1. 页面部分占用1/N的情况 示例: 2.

    61430编辑于 2022-06-28
  • 来自专栏BestSDK

    关于UI设计革新——Trello

    Trello 在今年1月9日被Atlassian收购后,进行了重新的UI概念设计设计师的出发点只是单纯的练习与分享,他们提到自己是因为Atlassian收购Trello这件事情触发他们思考一个全新的产品视觉翻新 ,并尝试让Trello变得更加“顺滑”,提升其用户体验设计。 他们的工作范围涉及用户界面设计,交互设计UI设计。我强烈建议你们去看他们Behance上的完整作品集。这真的是一个鼓舞人心的作品。 让我们一起来欣赏Trello的全新概念设计。 ? ? ? ? ?

    1.2K40发布于 2018-02-28
  • 来自专栏互联网杂技

    优秀的UI设计原则

    界面清晰最重要 界面清晰是UI设计的第一步,要想让用户喜欢你设计UI,首先必须让用户认可它、知道怎么样使用它。让用户在使用时预期会发生什么,并方便地与它交互。 因此,在设计界面的时候,能够吸引用户的注意力很关键,千万不要将界面的周围设计得乱七八糟。 ▲ 正确示范|干净简洁的界面可以让用户更加沉浸在阅读的世界里。 恰当的组织UI能够降低认知难度 正如John Maeda在他的书中所说,对屏幕元素的恰当组织能够使页面显得简洁,这能够帮助用户更容易并且更快地理解你的界面。 ▲ 正确示范|零状态结果本身对用户体验极其不好,更需要情感化或引导性的设计来降低用户焦躁的情绪。 优秀的设计是无形的 优秀的设计是没有痕迹的,如果设计是成功的,那么用户可以只关注自己的目的,而不是界面,不依赖于界面。 界面是被人使用的 只有用户使用你设计的界面时,才是成功的。

    1.2K50发布于 2018-04-02
  • 来自专栏Spring相关

    UI的基本控件设计

    textSize="24sp" android:textColor="#00ff00" android:text="this is TextView" /> 2. inputText,Toast.LENGTH_LONG).show(); // // imageView.setImageResource(R.drawable.image2) inputText,Toast.LENGTH_LONG).show(); // // imageView.setImageResource(R.drawable.image2) } break; default: break; } } } 3.文字输入 --文字输入--> <EditText android:id="@+id/edit_text" android:layout_width="match_parent

    1.3K30发布于 2018-12-13
  • 来自专栏UI设计-萧蕊冰

    UI设计,你必须知道的UI设计常识【萧蕊冰】

    你了解UI设计常识吗?当我们步入一个新行业的时候,对这个行业会充满了期待。由于UI设计薪酬待遇高,很多其他行业设计师也想转行做UI设计。随着移动互联网的迅猛发展,使得移动产品的设计人员急缺。 今天这篇就来梳理一下学UI设计,你必须知道的UI设计常识。 手机屏幕尺寸 屏幕对角线长度,单位为英寸。 切图 对于@2x的设计来说,1 * 1 pt = 2 * 2px;对于@3x的设计来说,1 * 1 pt = 3 * 3 px. 所以设计好的@1x的图,要把它切开,由 1 * 1 pt 的大小切成 2 * 2 px 和 3 * 3 px 的大小。故谓之切图。 以上这些是有关UI设计常识的常识问题,主要侧重移动端的界面相关问题,也是一些比较基础的,感兴趣的可以看看,更多相关UI设计经验教程分享可以持续关注一下哦,每天都有更新的。学习资料可以看下简介哦。

    87920发布于 2020-06-17
  • 来自专栏数仓建模

    Spark UI (2) - Stages页面

    接上文:Spark UI (1) - Jobs页面Stages页面会显示作业所有的stage信息, 不区分stage属于哪个job. 图片点击详情中的链接可以跳转到对应的stage详情页面, 如图:图片1.DAG Visualization点击DAG Visualization会展开该stage的DAG图, 会更详细地显示stage中rdd的pipeline操作图片2.

    2.1K50编辑于 2022-09-05
领券