UI项目总结

限时加码!20+主流AI编程工具免费用 购周边加赠Coding Plan Lite,Claude Code、Cursor等即刻畅享,学习进阶更高效! 阅读详情

    最近在做一个新的UI项目,这个项目是我在公司里自己提出的,目的是开发出一个在UI上能够和主流医疗厂商处于同一水平的UI。过程就不说了,在一个小外企里,偶尔还是要讲点政治的。还是讲讲项目做得过程吧。

    从半年前我就开始准备这个项目,项目是使用C++和OpenGL开发。其实目前总部已经要求我们用WPF做了,但是考虑到我们实际情况:

  1. 利用现有的平台来验证新的UI,包括一些用户交互流程。现有平台是C++开发的,自然更加容易集成进去。
  2. 从美国总部开发WPF的经验来看,WPF性能并不是那么令人满意。当然或许是我的水平不够高吧,毕竟人家有从微软挖过来的人。而且新的UI用来显示实时信息,绘图工作量很大,如果性能不行的话,这个项目也就难以走下去了。
  3. C# 和WPF需要时间学习,而且开发 2 万行代码左右的项目,使用新的语言还是有挑战的。
     综合以上几个因素,所以选择用C++和OpenGL。

     项目开发过程中,首先学习OpenGL花了很久,开发一个OpenGL的库,总共花了2个月左右。然后就是开始设计UI,开发UI,等等。对于这个项目我的最大的感受是:事情是一步一步做出来的,理解也是逐渐深入的。至少谈兵是必要的,但不是最重要的,把东西做出来,然后一点点改进,才能促进项目和产品不断前进。尤其经验不足,能力不强的时候,循序渐进就非常重要了。每天进步一点点,慢慢得就会发生质变。
  
     在项目正式给美国大老板review的时候,我忽然去看前面几个版本的UI,从概念版,到version 0.1,version 0.2 版,到现在的这个版本。感触很深。做产品不怕不懂,就怕就会纸上谈兵和好高骛远。而这两点,是我现在这家公司一直都存在的问题,他们永远在开会,开了几年了,产品和几年前进步非常之小。如果不是销售厉害的话,这款产品已经被市场淘汰了。如果他们把开会的一半时间拿出来去不断完善这个产品,去尝试有限创新,不断提升产品的品质,目前的产品绝对不会是这个样子。

      说到技术问题,我觉得也是循序渐进的,从会用到精通,都是一步步来的。就像我用OpenGL,从一开始,完全不懂,到开发出一个UI小平台库,再到现在想到了要去优化底层渲染,做一个小型的渲染引擎。技术都是在实践中一步一步提升的。实践和理论结合才是学习最好的办法。

      同样,项目也是这样,一开始理解不透彻,不深入。写出来的代码相对混乱,慢慢理解深入了,有更好的方法了,那就需要去重构。慢慢的就会产出一些高质量的工业级代码。我现在这家公司很多人就完全没有这个意识,做完了往那边一扔,就不管了。结果随着需求的增多,代码的不断加入,项目越做越难,代码越来越混乱,开发难度越来越高,项目一再delay。当然这样和公司的管理制度有关系。

      其实每个人如果每天努力,并持之以恒,慢慢的,总会成功的。我工作三年多,一直以来,我抱怨得多,但是做得很少。比如说我梦想自己有一天英语很好,很流利,但是却没有花足够的时间去学习,那么这种梦想其实就是幻想。后来我慢慢明白,做比想重要,行动比等待强。只有去做了,才知道行不行,努力去做了,才会离自己想要的东西越来越近。所以我现在天天背单词,练听力等。。。

      就像你爱一个人,可是人家看不起你。与其伤心,不如去努力,说不定将来有一天,当你功能名就的时候,你爱的人的就会来到你身边。

      这个项目这个月将会告一段落。下面将会准备开发一个存储和管理数据的系统,目标很简单,锻炼技术,提升架构能力和思考能力。。。。

前端学习之vue+element-ui电商项目(二)用户界面 文章目录0. 准备工作1.页面布局1.1页面框架1.2 框架内容1.2 .1面包屑导航区1.2 .2卡片视图区2.搜索与添加2.1 界面样式2.2 数据添加2.3 方法实现3.用户列表区3.1 界面样式3.2 数据添加3.3 方法实现4.分页区4.1 界面样式4.2 数据添加4.3 方法实现5.添加用户对话框5.1 界面样式5.2 数据添加5.3 方法实现6.分配角色对话框6.1 界面样式6.2 数据添加6.3 方法实现7 .展示 0. 准备工作 component下新建文件Users.vue,并在路由中引 阅读详情

相关推荐

软件工程领域开源项目的用户界面交互设计

本文旨在为开源项目贡献者提供全面的用户界面交互设计指导,涵盖从设计原则到实际实施的完整流程。我们将特别关注开源环境下特有的设计挑战,如分布式协作、技术多样性以及贡献者技能差异等问题。本文将首先介绍开源项目UI设计的基础概念,然后深入探讨设计原则和实施方法,接着通过案例分析展示实际应用,最后讨论相关工具和未来趋势。: 用户与系统交互的视觉层面,包括布局、颜色、图标等元素: 用户在使用产品或系统时的整体体验和感受设计系统: 一套可重用的组件和标准,用于保持界面一致性无障碍设计。

软件工程实践的博客 986

UI期末作品.rar(仿腾讯)

这是我大一上学期的UI设计课程期末作品,我很喜欢这门课,所以我很认真的去完成了这个作品(有四个页面,功能还可以)

UI项目UI项目UI项目UI项目UI项目UI项目

UI项目UI项目UI项目UI项目UI项目UI项目UI项目UI项目UI项目UI项目UI项目UI项目UI项目

UI设计一些总结

一、产品原型 继前面梳理需求和规划版本之后,具体到产品设计上,具体产出物就是产品原型。 总结实际在用的一些原则。 1、业务流程 捋顺业务流程 2、选择框架 脑子里要装一些常见产品结构(尤其PC端),帮助很大 3、拆分页面 不要一味认为页面越少越好,前提是保证用户能顺畅完成的操作 4、原型设计 1:1原则,PC&M都以实际大小的尺寸进行设计,便于观察实际效果。 PC端tab切换用户通常很少点击,要慎用。 不要让用户选择,主流程清晰。一个页面不要出现2页按钮,如果非常有必要,那么请区分出主要操作和次要

han_xiao_xiao的博客 1259

28个帮助你练习HTML CSS Javascript 的UI Page项目

英文 |https://niemvuilaptrinh.medium.com/29-projects-to-help-you-practice-html-css-javascript-d...

web前端开发 839

开源UI项目

UI源码第一弹 1.Side-Menu.Android 分类侧滑菜单,Yalantis 出品。 项目地址:https://github.com/Yalantis/Side-Menu.Android 2.Context-Menu.Android 可以方便快速集成漂亮带有动画效果的上下文菜单,Yalantis出品。 项目地址:https://github.c

chenliang1937的专栏 1145

用户前台类 前后端分离项目UI参考,拿去做一套最好看的系统吧!

在 Vue+SpringBoot 系统开发中,UI 作为用户与系统交互的直接载体,其重要性不言而喻,优质的 UI 设计不仅能通过直观清晰的布局、协调舒适的视觉风格降低用户学习和操作成本,提升使用体验与满意度,还能强化系统的易用性和吸引力,增强用户粘性,同时契合 Vue 框架组件化、响应式的开发特性,可通过合理的 UI 组件封装与布局设计优化前端开发效率

Designer 小郑的技术博客 2318

开源项目ui的启动和配置教程

开源项目ui的启动和配置教程 1. 项目目录结构及介绍 开源项目ui的目录结构如下: ui/ ├── .gitignore ├── README.md ├── package.json ├── src/ │ ├── index.html │ ├── main.js │ ├── assets/ │ │ └── ... │ ├── components/ │ │ └──...

gitblog_00810的博客 424

Android用户界面示例项目教程

Android用户界面示例项目是一个由Google维护的开源项目,旨在提供一系列展示Android用户界面最佳实践的示例代码。这些示例涵盖了从基础的UI组件到高级的交互模式,帮助开发者理解和实现现代Android应用的用户界面设计。 ## 项目快速启动 ### 克隆项目 首先,你需要克隆项目到本地: ```bash git clone https://github.com/android/...

gitblog_00226的博客 399

PHP-CRUD-UI:为你的API项目快速搭建用户界面

PHP-CRUD-UI:为你的API项目快速搭建用户界面 项目介绍 PHP-CRUD-UI 是一个单文件的PHP脚本,旨在为 PHP-CRUD-API 项目提供一个用户友好的界面。通过简单的配置,你可以快速为你的API项目搭建一个功能齐全的前端界面,无需复杂的开发流程。 项目技术分析 技术栈 PHP 7.0及以上版本:项目依赖于PHP 7.0及以上版本,并需要启用PDO驱动以支持MySQL、Pg...

gitblog_00370的博客 981

UI Study 开源项目教程

UI Study 开源项目教程 项目介绍 UI Study 是一个专注于用户界面设计和交互研究的开源项目,由 baku89 开发并维护。该项目旨在提供一个灵活的工具集,帮助设计师和开发者探索和实验各种 UI 元素和交互模式。通过 UI Study,用户可以创建复杂的 UI 动画、交互原型和设计系统,而无需深入了解底层的编程细节。 项目快速启动 环境准备 在开始之前,请确保您的开发环境已经安装了以下...

gitblog_00959的博客 550

Solid-UI 项目推荐

Solid-UI 项目推荐 1. 项目基础介绍和主要编程语言 Solid-UI 是一个开源的用户界面组件库,专为 Solid 项目设计。Solid 是一个基于 Web 的去中心化平台,旨在通过数据所有权和隐私保护来增强用户对数据的控制。Solid-UI 提供了丰富的 HTML5 小部件和实用工具,帮助开发者构建基于 Solid 的应用程序。 该项目主要使用 TypeScript 和 JavaScr...

gitblog_00790的博客 405

UI项目操作过程 简单介绍ui制作流程和遇到的问题等

简单介绍ui制作流程和遇到的问题等,word文档

UI 开源项目教程

UI 开源项目教程 1. 项目介绍 UI 项目是一个专注于用户界面设计的开源项目,旨在提供一套灵活且易于使用的工具和组件,帮助开发者快速构建现代化的用户界面。该项目基于最新的前端技术栈,支持多种平台和设备,适用于各种类型的应用程序开发。 2. 项目快速启动 安装依赖 首先,确保你已经安装了 Node.js 和 npm。然后,通过以下命令克隆项目并安装依赖: git clone https://gi...

gitblog_00958的博客 405

DataLens UI 开源项目教程

DataLens UI 开源项目教程 1. 项目介绍 DataLens UI 是一个开源的用户界面项目,专为 DataLens 设计。DataLens 是一个现代的、可扩展的分析系统,允许用户访问各种数据源,描述数据模型,运行分析计算,构建图表和可视化,并编译仪表板。DataLens UI 提供了用户友好的界面,使用户能够轻松地与 DataLens 进行交互。 2. 项目快速启动 2.1 环境准备...

gitblog_00873的博客 514

Google新开源项目A2UI:AI 智能体如何安全地生成丰富的用户界面?

Google开源A2UI项目,让AI智能体能安全生成动态用户界面。A2UI采用声明式JSON格式描述界面组件,由客户端原生渲染,既保障安全性又实现跨平台兼容。相比传统文本交互和固定界面,A2UI支持根据场景动态生成个性化UI,如订餐时自动调整表单字段。该项目与AG-UI等协议互补,共同构建智能体开发生态,标志着AI交互从静态对话向动态界面演进。开发者可通过JSON模板快速实现餐厅查询等场景,提升用户体验。

m0_71746299的博客 908

gfx_ui 项目推荐

gfx_ui 项目推荐 1. 项目基础介绍及编程语言 gfx_ui 是一个基于 IMGUI 的简易几何编辑用户界面开源项目。该项目旨在提供一种方便快捷的方式来处理几何图形的编辑和操作。主要使用 C++ 编程语言实现,并且与 IMGUI 库紧密集成,使得开发者能够利用现有的 IMGUI 代码库来扩展其功能。 2. 项目的核心功能 基础点与句柄拖拽:允许用户通过鼠标对图形的点和句柄进行交互式拖拽。 ...

gitblog_00241的博客 318

CloudStack UI 开源项目教程

CloudStack UI 开源项目教程 项目介绍 CloudStack UI 是一个开源的 Web 界面项目,旨在为 Apache CloudStack 提供一个现代化的用户界面。Apache CloudStack 是一个开源的云计算平台,用于部署和管理大型虚拟化基础设施。CloudStack UI 通过提供一个直观的用户界面,简化了 CloudStack 的管理和操作。 项目快速启动 环境准备...

gitblog_00739的博客 759

云栈管理利器:Apache CloudStack 用户界面开源项目介绍

云栈管理利器:Apache CloudStack 用户界面开源项目介绍 Apache CloudStack 是一款广泛使用的虚拟化管理系统,然而其前端设计主要面向管理员,对于普通用户来说可能不够友好。为此,Bitworks Software 开发了一个开源项目——CloudStack-UI,该项目使用 Angular 和 Material 2 作为主要编程语言,为 CloudStack 提供了一个...

gitblog_00759的博客 860
上一篇: 随笔 2013年5月19日 -- 我的三年工作
下一篇: Android demo 01,音乐显示列表
chcucl
博客等级 码龄14年 14粉丝 8原创
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值