ui界面设计的标准 (bs界面设计标准)
UI界面规划规范的常见遗失有哪些
1、文本格局
规划师常过火专心于画图,而忘记了文字也应该有所规范。例如,日期或许的格局有许多,例如“YYYY年MM月DD日”、“YYYY年M月D日”、“YYYY/MM/DD”等等。再比方说单位,是用“巨细:100M”、“巨细:100兆”仍是“巨细(M):100”呢?
这些文本格局界说起来并不花时间,可是假如没有规范的话,或许同一个东西在每个页面的展现方法都不相同,对用户来说也挺烦的。
2、特别状况
做规划和做规范的区别是,做规划时,只需在知道某个东西有某个状况时,才会去规划那个状况;做规范时,一般要假定一切数据和操作都有状况,不同东西在不同当地的同类状况最好能够共同。
一切操作都或许失效,不管是按钮、链接、输入框、下拉菜单……什么状况在失效时显现失效状况,什么时分彻底躲藏该操作,这些都是能够共同考虑规划的东西。
3、多级多选和过量
一个灵敏的界面规范能够应对大部分的内容改变。例如导航和菜单的项目数量和级数一般是不确定的,下拉选框也不必定只能勾选一项内容。更灵敏的状况还有,一篇文章或许长达数十屏,这时该自动识别文章内的标题并生成目录,仍是分页展现?
4、运用攻略
运用攻略是规划过程中一般被拖到最终才想起来的东西,在规范里也常被忽视。其间最重要的是用户初次运用时看到的操作攻略,这种操作攻略或许不只在主页呈现,并且未来或许跟着规划的改变而改变,所以这种初次运用的操作攻略是很有必要做成规范的。
Android UI规划字体巨细规范?
字体的巨细安卓里边也有相应的规范,比方最小字体是多大,文本是多大,依照规范来规划的话就能够确保咱们的界面图全体看起来愈加的漂亮,并且在运用的字体方面,也是有一个严厉的规矩,英文在安卓里边运用的是Roboto,中文字体运用的是droid sans fallback,当然现在跟着安卓手机分辨率的添加, 中文,字体的挑选也多了几种,比方中文也能够运用思源黑体等。-来自趣达
the box house
优异界面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中,推文和推文坚持着相同的款式,均匀的节奏,可是其间的“引荐用户”一项有着不同的款式,它刺进到推文列表中,打破了整个信息流的节奏,凸显出不同的层级,会很快捉住你的注意力。