界面设计

为什么这些UI设计很糟糕?什么是好的UI设计?

て烟熏妆下的殇ゞ 提交于 2021-02-17 10:54:14
UI(User Interface) ,即界面设计,它是网站、App给用户在感觉(视觉、触觉、听觉等)和情感上带来的第一体验,包括人机交互、界面逻辑、界面美观设计三个方面 。简单来讲,UI不仅是一种表现形式,更是用户对界面的体验和信息交互意愿。显而易见,好的UI设计不仅让软件有个性、品位,还让用户操作简单舒适,从而进一步体现软件的定位和特点。那么,到底什么才算是好的UI设计呢?在UI设计中有哪些常见的错误呢?UI设计师还有哪些应该避免的问题呢?下面小编一一为你来解答。 好的UI设计 Vs. 糟糕的UI设计 ,区别在哪? 除了众所周知的Kiss(Keep it simple and easy)产品设计原则外,好的UI设计应该也符合4个E的标准,即: - Easy to use(方便使用) - Easy to understand(简单易懂) - Error-free(零错误) - Effective for the end-goal (or product)(有助于最终目标的实现) 相反地,糟糕的UI设计给人一种复杂难懂、太过平凡甚至落后的感觉。如果是好的UI设计,会以一种直观的方式地让用户明白如何与网站进行交互,即便是首次访问某个页面或App,也能快速了解它的操作流程及原理;而坏的UI设计,不仅无法体现设计者的创意,而且会在无意中给用户传递误导的信息,从而带来不安感、糊涂感、挫折感

Android典型界面设计(6)——ActionBar Tab+ViewPager+Fagment实现滑动导航

谁说胖子不能爱 提交于 2020-03-24 18:43:25
一、问题描述   在 Android典型界面设计 一文中,实现典型滑动导航界面,其实使用ActionBar 也可以轻松实现这一效果,甚至也可实现类似 Android典型界面设计(3) 的双导航效果。可见ActionBar还是比较强大的,关键要深入进去、灵活的运用,下面我们就使用ActionBar实现如图所示的效果: 二、本例特点 1、 兼容低版本 2、 使用ActionBar 分体设计(split) 3、 Tab使用自定义View 4、 结合ViewPager实现滑动导航 三、代码讲解:    1、在项目中加入v7兼容包   要向下兼容需要在项目中加入v7兼容包的android-support-v7-appcompat,并创建MainActivity时,继承 ActionBarActivity public class MainActivity extends ActionBarActivity implements TabListener, OnPageChangeListener{ protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initActionBar();

项目冲刺--第四天

亡梦爱人 提交于 2020-03-18 21:39:10
今天进展 322 ** 完成登陆模块的功能,实现当用户名和密码不正确时无法跳转到相应界面 ** 完成注册模块的功能,实现点击提交按钮之后将数据保存 316 ** 完成学生模块的功能初始界面设计 ** 完成学生模块的修改资料界面设计并实现提交之后修改信息的功能 503 ** 完成教师模块的功能初始界面设计 ** 完成教师模块的修改资料界面设计并实现提交之后修改信息的功能 燃尽图 心得体会 由于角色的不同需要注册的信息、用户名和密码、提交保存的资料都不一样,造成了很多的麻烦,最后通过将两个角色的功能通过两个servlet完全分离去实现从而得到了解决。 来源: https://www.cnblogs.com/gnoliyuw/p/4960394.html

Beta 冲刺(5/7)

匆匆过客 提交于 2020-03-18 05:34:55
前言 队名:拖鞋旅游队 组长博客: https://www.cnblogs.com/Sulumer/p/10129059.html 作业博客: https://edu.cnblogs.com/campus/fzu/Grade2016SE/homework/2496 组内情况 燃尽图 任务分布 github签入记录 前端签入记录: 后端签入记录: 暂无 苏路明(组长) 过去两天完成的任务 1.寻找生成h5动态界面方法。 2.协助前端。 接下来的计划 1.项目进度推进。 2.完善分享机制。 还剩下哪些任务 团队统一展示,见任务分布图,代号Sulumer。 有哪些困难 任务繁重,缺乏时间管理,觉得Beta版本的冲刺很吃力。 有哪些收获和疑问 之前偷的懒,现在都得双倍补回来。 陈瀚霖 过去两天完成的任务 研究地图点聚合 接下来的计划 添加状态时生成mark 还剩下哪些任务 团队统一展示,见任务分布图,代号160。 有哪些困难 map能找到的资料较少 有哪些收获和疑问 对地图展示的逻辑有了进一步了解 程晓宏 过去两天完成的任务 学习优化算法 接下来的计划 完善旅游地图功能 还剩下哪些任务 团队统一展示,见任务分布图,代号106。 有哪些困难 性能优化 有哪些收获和疑问 1..Mybatis实战 2.后端数据操作 何家健 过去两天完成的任务 动态界面 接下来的计划 继续完成动态界面

Beta 冲刺(5/7)

自闭症网瘾萝莉.ら 提交于 2020-03-14 04:39:18
前言 队名:拖鞋旅游队 组长博客: https://www.cnblogs.com/Sulumer/p/10129059.html 作业博客: https://edu.cnblogs.com/campus/fzu/Grade2016SE/homework/2496 组内情况 燃尽图 任务分布 github签入记录 前端签入记录: 后端签入记录: 暂无 苏路明(组长) 过去两天完成的任务 1.寻找生成h5动态界面方法。 2.协助前端。 接下来的计划 1.项目进度推进。 2.完善分享机制。 还剩下哪些任务 团队统一展示,见任务分布图,代号Sulumer。 有哪些困难 任务繁重,缺乏时间管理,觉得Beta版本的冲刺很吃力。 有哪些收获和疑问 之前偷的懒,现在都得双倍补回来。 陈瀚霖 过去两天完成的任务 研究地图点聚合 接下来的计划 添加状态时生成mark 还剩下哪些任务 团队统一展示,见任务分布图,代号160。 有哪些困难 map能找到的资料较少 有哪些收获和疑问 对地图展示的逻辑有了进一步了解 程晓宏 过去两天完成的任务 学习优化算法 接下来的计划 完善旅游地图功能 还剩下哪些任务 团队统一展示,见任务分布图,代号106。 有哪些困难 性能优化 有哪些收获和疑问 1..Mybatis实战 2.后端数据操作 何家健 过去两天完成的任务 动态界面 接下来的计划 继续完成动态界面

Android精美登录界面设计

馋奶兔 提交于 2020-03-02 10:01:12
在网上在到一个登录界面感觉挺不错的,给大家分享一下~先看效果图: 这个Demo除了按钮、小猫和Logo是图片素材之外,其余的UI都是通过代码实现的。 一、背景 背景蓝色渐变,是通过一个xml文件来设置的。代码如下: background_login.xml <?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"> <gradient android:startColor="#FFACDAE5" android:endColor="#FF72CAE1" android:angle="45" /></shape> startColor是渐变开始的颜色值,endColor是渐变结束的颜色值,angle是渐变的角度。其中#FFACDAE5中,FF是Alpha值,AC是RGB的R值,DA是RGB的G值,E5是RGB的B值,每个值在00~FF取值,即透明度、红、绿、蓝有0~255的分值,像要设置具体的颜色,可以在PS上的取色器上查看设置。 二、圆角白框 效果图上面的并不是白框,其实框是白色的,只是设置了透明值,也是靠一个xml文件实现的。 background_login_div.xml <?xml version="1.0" encoding

简易音乐播放器主界面设计

人盡茶涼 提交于 2020-02-27 23:45:32
>微信公众号: Dotnet9 ,网站: Dotnet9 ,问题或建议: 请网站留言 , 如果对您有所帮助: 欢迎赞赏 。 简易音乐播放器主界面设计 - .NET CORE(C#) WPF开发 阅读导航 本文背景 代码实现 本文参考 源码 1. 本文背景 继续 MaterialDesignThemes 开源控件库学习,尤其是它的图标组件,本文设计的音乐播放器主界面设计使用该组件较多。 2. 代码实现 使用 .NET CORE 3.1 创建名为 “Player” 的WPF模板项目,添加1个Nuget库:MaterialDesignThemes.3.1.0-ci981。 解决方案主要文件目录组织结构: Player App.xaml MainWindow.xaml MainWindow.xaml.cs 2.1 App.xaml文件引入样式 文件【App.xaml】,在 StartupUri 中设置启动的视图【MainWindow.xaml】,并在【Application.Resources】节点增加 MaterialDesignThemes库的样式文件: <application x:class="Player.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http:/

Beta冲刺6

≡放荡痞女 提交于 2020-02-27 05:49:39
前言 队名:拖鞋旅游队 组长博客: https://www.cnblogs.com/Sulumer/p/10129063.html 作业博客: https://edu.cnblogs.com/campus/fzu/Grade2016SE/homework/2497 组内情况 燃尽图 任务分布 github签入记录 前端签入记录: 后端签入记录: 苏路明(组长) 过去两天完成的任务 1.召开会议,细分任务。 2.完善登录页面、登录逻辑。 3.初步设计批量照片上传提示界面。 接下来的计划 1.继续改善布局、原型。 2.把控好团队的进度。 3.博客撰写。 还剩下哪些任务 团队统一展示,见任务分布图,代号Sulumer。 有哪些困难 任务繁重,缺乏时间管理,觉得Beta版本的冲刺很吃力。 有哪些收获和疑问 之前偷的懒,现在都得双倍补回来。 陈瀚霖 过去两天完成的任务 研究地图点聚合 接下来的计划 添加状态时生成mark 还剩下哪些任务 团队统一展示,见任务分布图,代号160。 有哪些困难 map能找到的资料较少 有哪些收获和疑问 对地图展示的逻辑有了进一步了解 程晓宏 过去两天完成的任务 学习优化算法 接下来的计划 完善旅游地图功能 还剩下哪些任务 团队统一展示,见任务分布图,代号106。 有哪些困难 性能优化 有哪些收获和疑问 1..Mybatis实战 2.后端数据操作 何家健

Beta 冲刺(6/7)

半世苍凉 提交于 2020-02-22 12:57:42
前言 队名:拖鞋旅游队 组长博客: https://www.cnblogs.com/Sulumer/p/10129063.html 作业博客: https://edu.cnblogs.com/campus/fzu/Grade2016SE/homework/2497 组内情况 燃尽图 任务分布 github签入记录 前端签入记录: 后端签入记录: 苏路明(组长) 过去两天完成的任务 1.召开会议,细分任务。 2.完善登录页面、登录逻辑。 3.初步设计批量照片上传提示界面。 接下来的计划 1.继续改善布局、原型。 2.把控好团队的进度。 3.博客撰写。 还剩下哪些任务 团队统一展示,见任务分布图,代号Sulumer。 有哪些困难 任务繁重,缺乏时间管理,觉得Beta版本的冲刺很吃力。 有哪些收获和疑问 之前偷的懒,现在都得双倍补回来。 陈瀚霖 过去两天完成的任务 研究地图点聚合 接下来的计划 添加状态时生成mark 还剩下哪些任务 团队统一展示,见任务分布图,代号160。 有哪些困难 map能找到的资料较少 有哪些收获和疑问 对地图展示的逻辑有了进一步了解 程晓宏 过去两天完成的任务 学习优化算法 接下来的计划 完善旅游地图功能 还剩下哪些任务 团队统一展示,见任务分布图,代号106。 有哪些困难 性能优化 有哪些收获和疑问 1..Mybatis实战 2.后端数据操作 何家健

概要设计文档

落爺英雄遲暮 提交于 2020-02-12 02:09:46
项目文档:概要设计文档 1. 引言部分 1.1目的 该文档的目的是描述病人病历存储系统的概要设计,主要内容包括系统功能简介、系统结构设计、模块设计和界面设计等。 本文档的预期读者包括:设计人员,开发人员,项目管理人员,测试人员。 1.2 范围 1.2.1 系统目标 开发一个满足医生和数据上传人员需求的系统。方便查询、更改、下载、上传相关信息等。 1.2.2 主要软件需求 该系统的主要功能包括: (1)用户登录判断 (2)录入病人信息 (3)根据条件查询 (4)样本排序 (5)更新病人信息 (6)添加病人病历 (7)下载数据 (8)数据信息上传 1.2.3 软件设计约束、限制 系统支持多用户的分布式物理结构。 1.3缩写说明 无。 1.4术语定义 无。 1.5参考资料 【1】jQuery教程: http://jquery.com/ 【2】materialize框架开发手册: https://materializecss.com/ 【3】HTML教程: http://www.w3school.com.cn/html/ 【4】JavaScript教程: http://www.w3school.com.cn/JavaScript/ 【5】Php教程: http://www.w3school.com.cn/php/ 1.6版本信息 具体版本信息如表A-1所示 表 A-1 具体版本信息