ui网站设计规范 (移动web设计规范)

为什么UI规划标准很重要

以下三点原因：

确保渠道统一性

统一性是交互规划的一个底子原则，在一个长时刻迭代多人协作的项目中，不同的规划师会担任不同的模块，每个人都有各自的思路，就有或许会对相同的元素做出了不同的计划，关于用户来说简略形成困惑，对品牌全体形象的建造也没有优点。所以关于较大型的产品，最好有规划标准来界说底子的元素，帮忙很多规划师一同做出有统一性的产品。

2.提高团队作业功率

关于同一个底子元素，假如没有规划标准，交互规划师需求规划一次交互方法，视觉规划师需求规划一次外形，UI开发同学需求开发一次，每个不同的规划师遇到这个元素时都或许从头规划一遍。但假如有了规划标准，只需规划一次，团队中任何一个规划师需求用的时分直接拿来用就能够了，也不需求再进行视觉和开发，极大的提高了功率。

3.打磨细节体会

在收拾每个元素的标准时，规划师都需求对其场景、状况考虑清楚。在收拾的进程中，常常会发现一些曾经没注意到的问题，并进行优化。把一个小元素独自拎出来细心考量，写成一篇完好标准的进程，其实便是在打磨细节的进程。

做UI规划师的要求
作为一名优异的UI规划师咱们还要在了解了产品的需求之后更深化了解这个产品的运用环境和用户集体的运用习气。咱们还需求了解商场上的同类软件产品的规划计划，研讨他们的优缺点，以便在咱们规划的时分汲取它们的利益防止它们的过错。在产品建模之后一般的都会由产品规划人员给客户做一次功用规划解说，往往这样的解说仅仅文字性质的需求让客户幻想着了解，这就会形成很大的危险有的客户底子无法了解你的解说乃至对这样的解说底子不仔细听，由于他们底子不明白，在评论进程中他们常常会赞同产品规划人员的全部规划主意可是产品测验的时分他们又会提出种种不满足，我想这是一般的软件公司都会遇到的也是最最头疼的作业，但这并不能怪客户我说过客户只会关怀视觉作用和软件的操作而并不会去关怀咱们是怎样完结这全部的。这种状况带来的直接结果便是产品的重复修正开发本钱成倍上升，怎样防止呢？这就要靠UI规划师了，俗话说“眼见为实，耳听为虚”，所以需求UI规划师做出一个产品全体作用的demo。这个demo用图片的方法表现就能够，咱们只需求即将表现的产品界面做一个凑集就能够了，由于这并不是产品的最终姿态，仅仅帮忙产品规划人员给客户解说产品规划。产品建模时期UI规划师要了解客户的要求主意和产品规划人员对产品功用的要求深化了解产品，收集用户的运用需求、运用环境和运用习气，了解商场同类产品的规划剖析它们的优缺点。帮忙产品规划人员完结产品建模进程并制造产品展现demo模仿用户对主要功用的操作进程和界面出现，生成交互原型（底子上产品的交互性和易用性问题都需求在产品建模的时期处理）。假如时刻答应咱们乃至能够提出一份“UI规划剖析陈述”，这份陈述能够附在产品规划说明后，更有用的帮忙客户了解咱们的产品规划而且帮忙开发人员更好的遵从UI的全体要求来完结开发作业。 其实简略点来说便是做出的界面让他人看着满足，我现在的软件公司便是这样。只需给客户看的东西都要做的很“漂亮” 包含文档亦如此。所以做出来的界面更要漂亮了，这样客户才干满足。怎样做出的界面让客户满足便是对UI规划师的要求了。

easyJet的 - 办公室 - 训练安排 - 坐落伦敦的盖特威克机场外

UI规划标准都有哪些
轴在UI规划中是最底子、最常见的概念，也是用来安排界面结构的重要中心。简略说来，轴是在规划的时分安排一系列元素的假象线，鄙人面的规划图中，轴以虚线的方法被标示出来。
1、对齐
轴最常见于对称元素的运用，当元素被安置成轴对称的布局的时分，会给人有序感。就像日子中绝大多数的作业相同，咱们更倾向于享用有序的的东西，它们令人感觉平稳、舒适、和蔼可亲。最简略的一个比如便是iTunes 程序中的专辑列表的规划，一切的专辑列表在界面的左边坚持对齐，环绕虚线轴轴对称。
2、强化
尽管轴是一条设想的线，可是假如周围的元素的边际操控得满足规整，这跳线会在视觉中变得愈加“显着”的。最好的比如是城市中的路灯构成了路途两旁建筑物之间的轴，假如一边有建筑一边没有，那么这种轴线的感觉不会那么激烈。
从产品规划的视点上来看，Twitter 的时刻线规划便是一个很好的事例，左边的头像和右侧的推文一起塑造出缝隙中轴线的感觉。
3、运动
当咱们碰到某先线条的时分，视觉会很自然地沿着这些方向运动，就好像咱们站在街上，会自觉地沿着大街的两端走动。两个端点决议了线，界定了开端和完毕的当地，线，或许说轴线的存在会引导和提示运动的方向。
SoundCloud中，音轨沿着一条既定的水平轴线运动，跟着音乐的播映，音轨自然地自左向右匀速运动。
4、连续性
假如结尾是不确定的，那么你一般会沿着轴线的方向阅读/运动，直到你找到感爱好的东西，或许感到厌恶并封闭使用。在建筑学中，未清楚界定的结尾十分罕见，由于建筑的建筑一般无法永久继续下去，可是UI规划则不相同，无限地翻滚下去是无比受欢迎的规划方法。
Pinterest的APP中便是这样做的，继续不断的图片沿着中轴线的方向继续不断地翻滚下去，只需你有爱好一向观看下去。
二、对称
当元素被均匀地放置在轴线的两边之时，他们构成了对称的联系。当元素被精准地在轴线两边一一对应之时，它们就形成了完美对称。