体系ui设计规范 (ui扁平化设计规范)

UI规划的规范规范有哪些
UI即User Interface(用户界面)的简称，UI规划是指对软件的人机交互、操作逻辑、界面漂亮的全体规划，好的UI规划不仅是让软件变得有特性有档次，还要让软件的操作变得舒适简略、自在，充分体现软件的定位和特色。
在飞速发展的电子产品中，界面规划作业一点点的被注重起来，做界面规划的“美工”也随之被称之为“UI规划师”或“UI工程师”，其实软件界面规划就像工业产品中的工业造型规划相同，是产品的重要卖点，一个产品具有漂亮的界面会给人带来舒适的视觉享用，拉近人与产品的距离，是树立在科学性之上的艺术规划，那么，UI规划的规范规范有哪些呢？
一、轴
轴在UI规划中是最基本、最常见的概念，也是用来安排界面结构的重要中心。
简略说来，轴是在规划的时分安排一系列元素的假象线，鄙人面的规划图中，轴以虚线的方法被标示出来。
1、对齐
轴最常见于对称元素的运用，当元素被安置成轴对称的布局的时分，会给人有序感。就像日子中绝大多数的工作相同，咱们更倾向于享用有序的的东西，它们令人感觉平稳、舒适、和蔼可亲。
最简略的一个比如便是iTunes程序中的专辑列表的规划，全部的专辑列表在界面的左边坚持对齐，环绕虚线轴轴对称。
2、强化
尽管轴是一条设想的线，可是假如周围的元素的边际操控得满足规整，这跳线会在视觉中变得愈加“显着”的。
最好的比如是城市中的路灯构成了路途两旁建筑物之间的轴，假如一边有建筑一边没有，那么这种轴线的感觉不会那么激烈。
从产品规划的视点上来看，Twitter的时间线规划便是一个很好的事例，左边的头像和右侧的推文一起塑造出缝隙中轴线的感觉。
3、运动
当咱们碰到某先线条的时分，视觉会很自然地沿着这些方向运动，就好像咱们站在街上，会自觉地沿着大街的两端走动。两个端点决议了线，界定了开端和完毕的当地，线或许说轴线的存在会引导和提示运动的方向。
SoundCloud中，音轨沿着一条既定的水平轴线运动，跟着音乐的播映，音轨自然地自左向右匀速运动（详细可检查马海祥博客《怎么运用动效规划招引访客的注意力》的相关介绍）。
4、连续性
假如结尾是不确定的，那么你一般会沿着轴线的方向阅览/运动，直到你找到感爱好的东西，或许感到厌恶并封闭运用。
在建筑学中，未清楚界定的结尾十分罕见，因为建筑的建筑一般无法永久继续下去，可是UI规划则不相同，无限地翻滚下去是无比受欢迎的规划方法。
Pinterest的APP中便是这样做的，继续不断的图片沿着中轴线的方向继续不断地翻滚下去，只需你有爱好一向观看下去。
二、对称
当元素被均匀地放置在轴线的两头之时，他们构成了对称的联系。当元素被精准地在轴线两头一一对应之时，它们就构成了完美对称。
1、平衡
对称令整个规划愈加平衡，当元素与控件在轴线两头处于相同方位之时，会给人以调和调和的规划感。
当咱们在规划大街两头的房子建造的时分，假如左右两头都是5间巨细共同的房子，当你走在街上的时分这种平衡的规划会令人十分舒适，这是平衡给人的感触。
Rdio的APP规划就遵从着这样的规划规矩，屏幕两头的控件是相同的规范，这类布局很适合阅览，用户会自觉地自上到下，从左向右检查。
2、不对称
假如轴线两头的控件安置不再是一一对应尺度附近，那便是不对称的规划，不对称的规划会给人显着的失衡感，可能会令人不舒畅，可是也能造就残损美，当然这要看你详细怎么做。
尽管Pinteret的APP规划在全体上是沿着中轴线对称的(宽度共同)，可是两头的界面控件并非是对称的，它们的高度并不共同，方位也是参差的，略微一点的落差都会被眼睛捕捉到，而这样的差异让用户无法精确地左右次序阅览，不对称规划打破了规划的平衡性和舒适性，可是也能够缓解了规律性规划带来的视觉疲惫。
三、层级
当某个元素呈现在比其他元素更重要的方位的时分，层级就呈现了。
1、尺度
假如一个规划元素在尺度上比其他的控件更大，就会区别出层级。毫无疑问，咱们检查某个规划的时分，一般会被巨大的元素招引到。假如一个建筑物有5个出窗户，其间一个是其他四个的两倍大，咱们的注意力自然而然会被招引曩昔。
经过尺度来区别文章列表层级的典型便是稍后读运用Pocket，顶部的轮播文章具有更大的图片，它的方位和尺度会令咱们一眼注意到（详细可检查马海祥博客《详解移动端设备页面尺度规划原理》的相关介绍）。
2、形状
假如一个控件在形状和形状上同其他的不相同，也能够让它独立出一个层级，不规矩的规划相同会令人侧目，建筑物的正面具有五个相同的窗户和一闪大门，你会马上注意到门的共同之处。
在Instagram的个人信息页中，圆形的个人头像在方形的图片中独具匠心，十分抓人眼球。它会让人意识到，这个共同的东西，更为重要。
3、方位
方位的存在相同能显示层级的不相同，在圆圈之内，中心方位的东西比边际部分的看起来更重要，坐落轴线顶端的控件会显得比其他部分的优先级更高。
以规划运用Path的规划为例，时间轴极点处的用户头像就显着比时间轴上的其他部分更重要，而这个当地正好展现的也是用户头像。
四、韵律
UI规划和建筑规划相同有着韵律之美，重复的形式会营造出共同的节奏之美。
1、形式
了解韵律最直接的方法便是听歌，音乐具有节奏感，绝大多数的音乐遵从着相同的节拍，节拍便是音乐形式的一部分。
这方面最典型的APP是Airbnb，APP列表中每一间房子都占有一个模块，模块中有着巨细相同的图片，价钱、方位和房东信息和图片的相对方位必定，且排版匀称舒畅，两个模块之间的距离也相同，当你阅览的时分，了解的节奏会让你清楚地知道上哪看要害信息。
2、连续
当节奏被距离打断的时分，会构成不同的层级，听歌的时分，均匀的节奏被其他的音乐元素打断的时分，你会意识到这是比较特其他部分。
在Twitter的APP中，推文和推文坚持着相同的款式，均匀的节奏，可是其间的“引荐用户”一项有着不同的款式，它刺进到推文列表中，打破了整个信息流的节奏，凸显出不同的层级，会很快捉住你的注意力。
Android UI规划字体巨细规范？
Android UI规划字体，因为android厂商和设备之多，现在没有特定的规范，但依据设备的尺度，有一个主张的准则，如下：
sp和dp相同，是android开发里特有的单位，规划师在做UI规划的时分一般开端是树立320*480这个尺度的画布开端的，这个尺度的画布在android分辨率的分类中称为mdpi，在这个尺度下，ps里的1px就等于android中的1dp，相同，这个时分1点的字就等于android中1sp.
举个比如：树立画布的尺度是320-480，里边的文字是30点，那么它便是30sp。当然，还要去查一下mdpi、hdpi、xhdpi这几个干流分辨率的换算联系，这样便利你做其他尺度的时分界说sp值。（这3个分辨率的联系是1比1.5比2，详细换算联系你去百度一下咯）。别的，现在商场上大多数的安卓手机分辨率都越来越高了，所以许多规划师都会挑选1280-720这个尺度来规划，换算的时分全部像素值除以2，便是dp值。

住所空间

手机UI规划规范有哪些？
简略来说Mobile GUI规划便是手持设备的图形用户界面规划，狭义上来看是手机和PPC，广义上能够推行至手机，移动电视，车载体系，手持游戏机，MP3，GPS等全部手持移动设备。
Mobile GUI的规划依据对手持设备产品的运用特性的了解，对用户的研讨和对界面运用情形的深入研讨。GUI的规划分为渠道内置和主题规划部分，前者需求专业的design house依据厂家的实践产品进行规划剖析后进行全体规划，后者则能够经由任何用户进行自主规划，当然后者的规划约束和渠道约束都比较大。
现在索爱和三星以及Nokia的S60渠道支撑用户的Theme自界说规划。
规划研讨的流程为：产品特性--用户心思--商场布景--图形规划战略--规划查验--实践规划投进