界面设计要求 (天桥设计规范)

UI界面规划需求遵从哪些标准
交互和UI（界面）是两个体系。界面规划师自身是不需求代码的，可是许多公司为了节约人力本钱要求规划师这么做，规划界面的时分每个icon、列表间隔之类的都是规划师标示的，一般都有规划标准，移动端的依据安卓和ios体系来适配，web端依据各公司自己的栅格来。交互规划师的体系很杂乱，他需求许多的时刻来研讨需求、剖析竞品以及勾画结构和原型，在大公司里和团队成员多向交流，小公司一般是由PM（产品司理）兼任的。
假如你想学规划，最好先考虑清楚自己要学交互规划，仍是UI（界面规划），这两个不是单纯的包含与被包含的联系，而是分属两个不同专业，就现在来看，北京一带UI指的是界面规划，上海珠三角一带指的是交互规划，而UE用户体会规划倾向交互多些，地域不同区分也很乱，所以我不太清楚你所说的UI指的是什么，不过规划师需求标示标准，这个是必定的。
UI规划需求哪些技能
PHOTOSHOP、FLASH等图形绘画矢量软件。
还有便是平常多操练自己的绘画技能，有时刻再看一些人机交互相关书本。
UI的方针便是简练，漂亮，大方，让人一望而知能找到自己想找的图标和内容！
图标要有涵义性，色彩调配合理！
当然规划思维是最重要的。

酒店 StrandgutResort 德国 斯图加特

UI界面规划需求遵从哪些标准
一：遵从一起的原则，树立标准并遵从
无论是控件运用，提示信息遣词，仍是色彩、窗口布局风格，遵从一起的标准，做到真实的一起。
这样得到的优点：
1：运用户运用起来能够树立起准确的心里模型，运用熟练了一个界面后，切换到别的一个界面能够很轻松的推测出各种功用，句子了解也不需求费心了解
2：下降训练、支撑本钱，支撑人员不会行吃力逐个辅导。
3：给用户一起感觉，不觉得紊乱，心情愉快，支撑度添加
二：(Color)色彩运用恰当，遵从比照原则：
1：一起色彩，针对软件类型以及用户作业环境挑选恰当色彩：
如：安全软件，依据工业标准，能够选取黄色，绿色体现环保，蓝色体现时髦、紫色体现浪漫等等，淡色能够使人舒适，暗色做布景使人不觉得累等
2：假如没有自己的系列界面，选用标准界面则能够少考虑此方面，做到与操作体系一起，读取体系标准色表
3：色盲、色弱用户，即便运用了特别色彩表明要点或许特别的东西，也应该运用特别指示符？quot；着重号，以及图标等
4：色彩计划也需求测验，常常因为显现器、显卡的问题，色彩体现每台机器都不相同，应该经过严厉测验，不同机器进行色彩测验
5：遵从比照原则：在淡色布景上运用深色文字，深色布景上运用淡色文字，蓝色文字以白色布景简单辨认，而在赤色布景则不易分辩，原因是赤色和蓝色没有满足反差，而蓝色和白色反差很大。除非特别场合，根绝运用比照激烈，让人发生憎反感的色彩。6：整个界面色彩尽量少的运用类别不同的色彩
三：(Resource)资源
一个多姿多彩的人机交互界面，少不了精巧的鼠标光标、图标以及指示图片、底图等。
1：也需求遵从一起的规矩，包含上述色彩表的树立，图标的树立进程也应该尽可能的构成标准，参阅itop的outlookbar图标规划标准
2：有标准的图标风格规划，有一起的构图布局，有一起的色彩、比照度、色阶，以及图片风格
3：底图应该融于底图，运用淡色,低比照，尽量少的运用色彩。
4：图标、图画应该很明晰的表达出意思，遵从常用标准，或许用户机器简单联想的到物件，肯定不答应画出默许美妙的图画。
5：鼠标光标款式一起，尽量运用体系标准，根绝呈现重复的状况，例如某些软件中一个手的形状就有4钟不同的姿态。
四：(Font)字体
运用一起字体，字体标准的挑选依据操作体系类型决议。
中文选用标准字体，“宋体”，英文选用标准MicrosoftSansSerif不考虑特别字体(隶书、草书等,特别状况能够运用图片替代),确保每个用户运用起来显现都很正常。
字体巨细依据体系标准字体来，例如MSS字体8磅，宋体的小五号字(9磅)五号字(10.5磅)。
一切控件尽量运用巨细一起的字体特点，除了特别提示信息、加强显现等例外状况
Windows体系有个桌面设置，设置大字体特点，许多界面规划者常常为这个动火，假如规划时遵从微软的标准，悉数运用相对巨细作为控件的巨细设置，当切换巨细字体的时分，相对不会有什么特别问题。
可是因为常常方便运用点阵作为窗口规划单位，导致改动大字体后，呈现版面紊乱的问题。
这个状况下，应该做相应处理：
1：写程序主动调理巨细，点阵值乘以一个相应份额
2：悉数选用点阵作为单位，不理睬体系字体的调理，这样能够削减调理大字体带来的费事。BCB/DELPHI中多选用这种办法，可是必定成果是和体系不一起。
五：(Text)文字表达
提示信息、帮忙文档文字表达遵从以下原则：
1：口语化、谦让、多用您、请，不要用或少用专业术语，根绝错别字
2：断句逗号句号顿号分号的用法，提示信息比较多的话，应该分段。
3：正告、信息、过错运用对应的表明办法
4：运用一起的言语描绘，例如一个封闭功用按钮，能够描绘为退出、回来、封闭，则应该一起规矩。
5:依据用户不同选用相应的词语口气语调，如专用软件，能够呈现许多专业归于，用户为儿童：这能够口气亲热和蔼，晚年用户则应该老练慎重。拟定标准遵从之。
六：(STYLE)控件风格，不要运用过错控件，控件功用要专注
有规划好的同一风格的控件，假如没有才干规划出一套控件，则运用标准控件，肯定不能不三不四，乱七八糟
不要过错运用控件，例如：
运用Button款式做TTable的功用，拿主菜单条显现版权信息。
一起类型的控件操作方法相同，例如一个控件双击能够履行某些动作，而相同控件，双击却没有任何反映
一个控件只做单一功用，不复用
七：(ALIGN)控件布局，窗口不拥堵，按功用组合控件
1：屏幕不能拥堵
拥堵的屏幕让人难以了解，因此难以运用。实验成果(Mayhew,1992年)屏幕整体掩盖度不应该超越40％，而分组钟掩盖度不应该超越62％。
让人看上去，不能太拥堵，也不能太松懈。
整个项目，选用一起的控件间隔，经过调整窗体巨细到达一起，即便在窗体巨细不变的状况下，宁可留空部分区域，也不要损坏控件间的行间隔。
2：区域摆放
一行控件，纵向中对齐,控件间隔根本坚持一起
行与行之间隔离相同，靠窗体Border间隔应大于行间隔离(间隔加边际留空)。
当屏幕有多个修正区域，要以视觉效果和功率来安排这些区域。
3：数据对齐要恰当
说明文字，中文版应运用中文全角冒号，纵向对齐时，并按冒号右对其，如图。纵向控件宽度尽量坚持相通。并左对齐。
4：有用组合
逻辑上相相关的控件应当加以组合，以表明其相关性，反之，任何不想光的项目应当风格开，在项目调集间，用间隔对其进行分组，或许运用方框区分各自区域。
例如：以下界面，挑选查找方法来判别号码规模是表明主叫号码规模仍是被叫号码规模，和入帐方法无关。
则应该修正为：查找方法和入帐方法互换方位。避免用户发生误解。
5：窗口缩放时，控件方位、布局：
为了使界面不呈现跑版或许丑陋的局势，解决办法：
1：固定窗口巨细，不答应改动尺度。
2：改动尺度的窗口，在Onsize的时分做控件方位、巨细的相应改动。
BCB/DELPHI的VCL中，大部分控件有布局特点： 某些控件具有alignment特点，能够用来做布局调理：TcustomPanel，Tmemo等，考左靠右靠上靠下以及撑满(Client)特点，用来依据版面主动调理。
大部分控件有特点Anchors，里边上下左右akLeft,akTop等假如为true，则表明相对各个边际的间隔是否改动。这个能够进一步规划好排版作业。
八：(TABORDER)TAB次序
习惯用法，阅览次序，从从左到右，从上到下
窗体中控件的Tab按键激活次序，TabOrder,.BCB/DELPHI中运用窗体规划右键菜单挑选taborder设置，VC中窗体RES修正区域运用ctrl+D
九：(ShortcutKey&Accelerator&PopMenu)快捷键、加快键和弹出菜单
快捷键：
1：大局快捷键菜单中加以描绘CTRL+XXX并入帮忙列表。
2：快捷键写入帮忙，特别说明，并在运用训练时着重运用
十：(ACTION)用户交互
1：disable而不是notvisible
要使一个功用有时答应有时不答应用户运用，则这个控件的不能随意躲藏，应该运用disable特点进行表明，避免用户发现控件失踪后措手无策
2：窗口弹出方位要显着
点击一个控件，弹出窗口或许菜单，应该给人显着提示，最低要求是掩盖方才点击的方位，让用户轻松跳转到新的界面。
3：履行动作要提示
十一：(HELP)联机帮忙：
1：体系默许、行业标准的控件操作不需求逐个描绘，只需求对特别控件加以描绘
2：特别操作、特别功用界面，在界面上加控件直接连接到对应的HELP文件中
3：特别设置具体，应该在界面上用简练明了的句子说明，或许是好用Tiptool，并由第二步帮忙
十二：发行时说明规矩
对一起的东西进行逐个论述，并加以典型描绘，放入HELP和用户手册中，一起加有词汇表
附录：
美工何时参加进来：
美作业为界面美化的主要人员，不光具有艺术规划、包装规划的才干，还应该交叉整个项目，给界面程序规划人员提出体系参阅定见。
1：软件规划前期，美工参加需求了解，剖析同类软件界面有缺点，提出主色彩、典型界面风格、以及构思整个美术包装等。
2：界面原型规划进程中，与开发人员一起修正、商讨终究体现款式，以及树立UI标准。
3：程序开发进程中，供给标准风格的资源文件(icon,cur,bmp等)，并总结出一起风格的资源的规划进程，构成标准文档*.
4：产品化方面，帮忙制造帮忙文件、网站风格以及参加制造，制造顺便宣扬图片、动画、产品包装、海报等。