软件系统界面设计-网站界面 ui 设计答案

软件开发过程一般有几个阶段

软件开发一般分为五个阶段：1.问题的定义及规划此阶段是软件开发与需求放共同讨论，主要确定软件的开发目标及其可行性。

2.需求分析在确定软件开发可行性的情况下，对软件需要实现的各个功能进行详细需求分析。

需求分析阶段是一个很重要的阶段，这一阶段做的好，将为整个软件项目的开发打下良好的基础。

“唯一不变的是变化本身”，同样软件需求也是在软件爱你开发过程中不断变化和深入的，因此，我们必须定制需求变更计划来应付这种变化，以保护整个项目的正常进行。

3.软件设计此阶段中偶要根据需求分析的结果，对整个软件系统进行设计，如系统框架设计、数据库设计等。

软件设计一般分为总体设计和详细设计。

还的软件设计将为软件程序编写打下良好的基础。

4.程序编码此阶段是将软件设计的结果转化为计算机可运行的程序代码。

在程序编码中必定要制定统一、符合标准的编写规范。

以保证程序的可读性、易维护性。

提高程序的运行效率。

5.软件测试在软件设计完成之后要进行严密的测试，一发现软件在整个软件设计过程中存在的问题并加以纠正。

整个测试阶段分为单元测试、组装测试、系统测试三个阶段进行。

测试方法主要有白盒测试和黑盒测试。

以上就是软件开发过程的五个阶段，但是有的时候在软件爱你开发过程中并不是必须按照这个过程进行的。

如何设计软件界面

设计关键在设计的过程中有较多注意的关键问题，以下列出几点：(1)软件启动封面设计--Splash应使软件启动封面最终为高清晰度的图像，如软件启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式，并且对选用的色彩不宜超过256色，最好为216色安全色。

软件启动封面大小多为主流显示器分辨率的1/6大。

如果是系列软件将考虑整体设计的统一和延续性。

在上面应该醒目的标注制作或支持的公司标志、产品商标，软件名称，版本号，网址，版权声明，序列号等信息，以树立软件形象，方便使用者或购买者在软件启动的时候得到提示。

插图宜使用具有独立版权的，象征性强的，识别性高的，视觉传达效果好的图形，若使用摄影也应该进行数位处理，以形成该软件的个性化特征(2)软件框架设计软件的框架设计就复杂得多，因为涉及软件的使用功能，应该对该软件产品的程序和使用比较了解，这就需要设计师有一定的软件跟进经验，能够快速的学习软件产品，并且在和软件产品的程序开发员及程序使用对象进行共同沟通，以设计出友好的，独特的，符合程序开发原则的软件框架。

软件框架设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮，菜单，标签，滚动条及状态栏预留位置。

设计中将整体色彩组合进行合理搭配，将软件商标放在显著位置，主菜单应放在左边或上边，滚动条放在右边，状态栏放在下边，以符合视觉流程和用户使用心理(3)软件按钮设计软件按钮设计应该具有交互性，即应该有3到6种状态效果：点击时状态；鼠标放在上面但未点击的状态；点击前鼠标未放在上面时的状态；点击后鼠标未放在上面时的状态；不能点击时状态；独立自动变化的状态。

按钮应具备简洁的图示效果，应能够让使用者产生功能关联反应，群组内按钮应该风格统一，功能差异大的按钮应该有所区别(4)软件面板设计软件面板设计应该具有缩放功能，面板应该对功能区间划分清晰，应该和对话框，弹出框等风格匹配，尽量节省空间，切换方便。

(5)菜单设计菜单设计一般有选中状态和未选中状态，左边应为名称，右边应为快捷键，如果有下级菜单应该有下级箭头符号，不同功能区间应该用线条分割。

(6)标签设计标签设计应该注意转角部分的变化，状态可参考按钮。

(7)图标设计图标设计色彩不宜超过64色，大小为16x16、32x32两种，图标设计是方寸艺术，应该加以着重考虑视觉冲击力，它需要在很小的范围表现出软件的内涵，所以很多图标设计师在设计图标时使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出了许多精彩图标。

(8)滚动条及状态栏设计滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计，应该有上下箭头，滚动标等，有些还有翻页标。

状态栏是为了对软件当前状态的显示和提示。

(9)安装过程设计安装过程设计主要是将软件安装的过程进行美化，包括对软件功能进行图示化。

(10)包装及商品化最后软件产品的包装应该考虑保护好软件产品，功能的宣传融合于美观中，可以印刷部分产品介绍，产品界面设计。

一个完整的UI设计,需要那些过程

展开全部 一、产品定位与市场分析阶段1、 目的（UI设计师应了解产品的市场定位、产品定义、客户群体、运行方式等。

） 2、 主要执行人员（UI、UE、需求）3、 需沟通人员（销售）4、 实现步骤（会议讨论）5、 UI主要职责：（定义用户群特征、定义最终用户群、定义产品方向）二、用户研究与分析阶段1、目的（UI设计师收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。

这部分工作有团队配合完成。

时间与项目需求允许的情况下，更可以制定实景用户分析）2、主要执行人员（UI、UE、需求、技术）3、需沟通人员（销售）4、实现步骤（纸搞线稿、黑白稿、原型）5、UI主要职责（收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。

这部分工作有团队配合完成。

时间与项目需求允许的情况下，更可以制定实景用户分析）三、架构设计阶段1、目的（这里涉及到比较多的界面交换与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素）2、主要执行人员（UI、UE、需求部门）3、需沟通人员（技术、销售）4、实现步骤（UI进行风格设计出界面，和需求部门拿出定稿；UE对原型进行优化，整理出交互及用户体验方面意见软件系统界面设计，反馈给UI及需求部门；UID等待效果图，开始代码编制）5、UI主要职责：（根据可以性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。

界面设计、图标设计、风格设计）四、原型设计阶段1、目的（根据进度与成本，可以把原型控制在“手绘-图形-Flash-视频几个质量范围） 2、主要执行人员（UI、UE、需求部门）3、需沟通人员（UID、技术）4、实现步骤（设计规范；代码及程序开发）5、UI主要职责：（对前面所以工作以设计方面的实施，根据进度与成本，可以把原型控制在“手绘-图形-Flash-视频几个质量范围，原型的本质更倾向与一个DEMO，它不需要有全部的功能，但要体现出设计对象的基本特性）五、界面设计阶段1、目的（根据原型设计阶段的界面原型，对界面原型进行视觉效果的处理）2、主要执行人员（UI、UE、技术）3、需沟通人员（UE、销售）4、实现步骤5、UI主要职责：（该阶段确定整个界面的色调、风格、界面、窗口、图标、皮肤的表现）六、界面输出阶段1、目的（配合好开发人员完成相关的界面结合）2、主要执行人员（技术）3、需沟通人员（UI、UE、需求部门、销售）4、实现步骤5、UI主要职责：（对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果）七、可用性测试阶段1、目的（针对一致性测试；信息反馈测试；界面简洁性测试；界面美观度测试；用户动作性测试；行业标准测试）2、主要执行人员（程序测试部门）3、需沟通人员（UI、UE、程序、需求部门、销售）4、实现步骤5、UI主要职责：（负责原型的可用性测试，发现可用性问题并提出修改意见）八、完成工作阶段1、目的（对于前面七个阶段的设计工作进行细节调整）2、主要执行人员（UI、UE）3、需沟通人员（技术、销售）4、实现步骤5、UI主要职责：（可用性的循环研究、用户体验回馈、测试回馈、UI人员把可行性建议进行完善）九、产品上线1、目的（检验前面界面设计的成果是否符合市场及用户群体）2、主要执行人员（销售）3、需沟通人员4、实现步骤5、UI主要职责：（收集市场对于产品的用户体验，并记录诚文字说明）十、分析报告及优化方案1、目的（了解整个界面设计的优缺）2、主要执行人员（UI、UE）3、需沟通人员（技术、销售）4、实现步骤5、UI主要职责：（对于前九个阶段的界面设计进行详细系统的整理，为下一次界面设计提供有力的市场及专业论据）

如何用UI设计软件做app页面

第一点：了解你的目标客户群的心态1、做微任务的目标客户群（如随时随地看看新闻，听听歌，看看电影，聊聊八卦之类）：这类的解决方案是设计的app最好是小而准，不要大而全。

越全的功能应用，只能代表着这个应用在各方面的都很平庸2、喜欢当工具来使用的目标客户群：比如找地图，看天气，查数据等。

这类的解决方案是 我们尽最大努力的去满足用户的情景需求。

做到极致和简单。

3、无聊的客户群，用来打发消磨时间的：无需求，漫无目的的这类的解决方案是尽可能展示用户感兴趣的东西软件系统界面设计，帮助客户来打发消磨时光。

第二点：APP原型图的制作和设计讨论这个环节是必不可少的。

需要根据设计需求认认真真的来画画原型图。

常用的APP原型图工具：移动APP原型设计神器 POP 、axure、Foreui等第三点：APP视觉设计与设计要点(1)大概设计板块有APP启动页面设计，APP界面设计的尺寸规范，app图标设计等一般来说，手机屏幕是从上往下布局的，重要的信息会放在上方。

但是在操作上，大部分人都是单手拿手机，常用的操作，要放在界面的下方。

另外还有一个原则，最小的触摸单位，一般是44个像素。

如果再小，你的拇指难以触碰，或者容易引发误操作。

同时，也不要让界面太拥挤。

所以，设计师必须用减法设计，这个过程需要花时间思考、简化元素。

你必须记住：（1）隐藏设计或者减法设计 （2）分区或分类 （3）帮用户做决策 （4）提高交互创新设计 （5）让人有爽快感和新奇感 （6）在设计中浸入情感，把握用户的心理。

（谈谈如何进行产品设计以及产品情感化设计）一位大师这样说过“真正的简约设计是：作品必须不断的被简化，一改再改，直到设计最终成形。

”2014年 APP设计风格趋向扁平化和卡片化。

卡片，扁平化都会是移动app设计的趋势！认为卡片设计确实同时兼具了“拟物”和“极简”2种优势！第四点：APP界面设计流程(1). 设计APP界面时，学会从优秀APP界面设计作品中寻求灵感，以前的艺术大师，用少量的资源做了大量的设计。

(2). 放下工作，休息一下很有帮助。

扁平和简约设计的一切均关乎到细节的差异。

因此小憩片刻后再回到工作，带着全新的眼光工作，比长时间冥思苦想更有效。

(3). 并排比较各个版式同样有帮助。

哪怕花20分钟前将一个线条下移各5个像素分别保存，对比两个版式就能很快分清孰好孰坏。

(4). 由于实物展示的相对比例至关重要，所以要及早在不同的目标设备上测试。

(5). 整个设计过程中不断问自己“真的需要吗？” 。

支撑项目时候，找一些讨巧的办法，例如，添加一些有趣的元素、样式会这样会很容易也会很吸引人，但必须始终注意剔除不必要的元素，不断精简。

甩掉你费尽心血的部分总是难以割舍，但修改过程必须挑剔。

第五点：APP界面设计测试与预览修正设计完成之后，我们可以把设计图导入手机测试或者是校正。

之前发布的在线测试工具：快速在移动终端上预览APP界面设计效果图的方法最后：好的APP界面设计作品必然是要经过不断升级、重复迭代的。

ui设计用什么软件

学习UI图形界面设计，常用的几个软件分别是一、Photoshop二、Illustrator三、Fireworks四、CorelDRAW五、Flash_____________________________________________UI即User Interface（用户界面）的简称。

UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。

好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。

界面设计。

在漫长的软件发展中，界面设计工作一直没有被重视起来。

做界面设计的人也被贬义的称为“美工”。

其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。

一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。

界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。

检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。

所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。

软件的界面是怎么设计出来的？

通常，软件美工是做平面设计出身的，这是业内和业外的共识。

大家也想当然地认为美工做的是美术设计工作，不需要懂软件本身用到的技术——另外，与此相伴的就是，对于程序员缺乏可用性观念和审美情趣，虽然痛心疾首，但同样习以为常。

在程序员和美工之间通常难以存在高效的沟通。

相对好一点的情况是，开发团队运用科学的管理手段进行管理，如果人员数量能得到保证，项目管理人员、交互设计师可以作为程序员和美工之间的桥。

但这也只是从工程管理的角度来看相对好一点而已。

这种桥式接口毕竟只是桥，不是路。

从我自己这些年来跟一些美工合作过的经历来看，我认为沟通出现困难的根源在于，软件开发过程中需要的美工，决不能是纯粹的平面设计美工！因为他们的工作，不是设计海报、广告、宣传画，而是设计软件界面；不仅要考虑美观性和可用性，还要考虑是否“是”个软件界面，考虑其可实现性；软件美工，最后交出来的活，应该是交互设计师给出的软件界面上各元素独立的形象设计——可以由程序员不需要再做“副美工”的加工就能在程序中直接拿来构造出界面的资源，而不是给一张像海报一样的设计图，整个界面的效果图全在一张没有层的 JPEG 或 PNG 或其它格式的像素图中，要程序员再从里面抠出按钮、输入框等部件。

事实上传统的平面设计美工在设计和制作软件界面效果图的过程倒恰好跟程序员的需求有些对路。

使用诸如 PhotoShop 之类的专业图像处理软件，必然涉及到层的操作。

他们通常在不同的层里处理界面中不同部分，逐渐“组合”起来出现最后的效果。

譬如整个窗体的背景图是一个层，非客户区（标题条、边框、缩放把手）是一个层，别的层里做好按钮、图标、输入框等效果，最后组合成一张图。

其实，这些分立的部件（或者说 PSD 文件也可以，不过程序员通常还是不要拿到这个来自己搞为妙），对程序员来说比那张最终效果的 JPEG 更重要。

在正规的项目里，因为开发过程和团队都相对完备，所以美工可能会在经验丰富的组长管理之下把这些事情做好。

然而我们（尤其指像我这种情况的非正式软件开发者）可能不具备组建一个完备团队的条件。

于是就会遇到这样一种情况：美工辛辛苦苦熬了几个夜，终于做出了漂亮的界面设计图，兴高采烈地交给程序员，可怜的业余程序员傻了眼——图虽然好看，但还要做不少额外工作才能用在程序中，甚至根本没法用。

基于窗体的程序还好一些，最郁闷的是网页。

很多美工用 PhotoShop 设计网页效果，然后用内置的切割和导出工具直接输出成 HTML，这样看似不错，但实际很糟糕。

页面被切成大大小小十几个 用 absolute 方式定位的 DIV，每个大小和位置几乎难以调整，动一下就会在别的位置出现糟糕的空白，还有一堆无用的细长条 DIV 纯粹就是切割的时候出现的占位块。

纯静态的 HTML 还好一些，如果内容是动态填充的，可能哪里多几个字符就会破坏布局，或者把显示的内容裁剪掉一部分。

如果是内容管理系统，页面区块可以用户控制的，那可就彻底乱套了。

因此，非常有必要细化出“软件界面美工”这样专门的角色，甚至有必要在高校艺术设计类专业里增设类似的课程。

他们不需要了解一个 GUI 程序从启动到推出的窗口消息是怎么路由的，不需要知道网站后台如何生成页面传送给浏览器，但是，应当有一定的简单 GUI 程序开发经历，要手写过 HTML 页面，知道 CSS 是怎么用的，也就是说能够理解程序和艺术数据之间如何契合，程序展现界面时需要什么形式、什么组织结构、什么格式的美工作品。

当然，作为程序员这个想法还是有点自私的：让学艺术的人来理解和计算机代码相关的东西，似乎不太人性化。

不过，软件界面毕竟不是纯粹的艺术品，软件美工也不可能是纯粹的艺术家，对吧？

何为UI,UI设计的工作流程

UI就是user interface 用户界面，其实我们常说的是用户界面设计，主要是对用户接触到的界面进行设计完善，优化等等。

一方面使产品更加的美观易用，另一方面就是利用外观的界面来诱导用户实现转化。

UI设计的工作流程，就本上就是有需求——设计稿——UI设计——上线。

基本上就是这么一个套路。