当前位置: 网站建设 > 网页设计 > 建站经验 >

网站后台设计规范 框架规范和视觉规范

时间:2013-03-02 04:10来源:未知 作者:admin 点击:

标签:网站后台设计规范 框架规范和视觉规范 规范(14)页面(60)后台(1)完成(4)视觉(9)框架(7)一个(102)设计(106)操作(11)网站(482)
在完成一个页面操作后及时反馈操作结果,这里的元素主要是:操作结果+语气词+提议动作。以及相干链接。所以对文字架构和展示有个限定,并配合一定的信息的icon. 设计时需注意: 从哪个纬度开展规范设计? 前端开发是我们的密切搭档,所以尽快拉他们入伙,一方面仰仗于他们的技巧支撑及开发倡议;另一方面他们也是受益人,一整套控件库开发出来也便于他们的调用及治理。 d. 信息反馈 定义维度:控件描述、控件示意及尺寸、是否用户反
网站后台设计规范 框架规范和视觉规范》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302346052013.htm

在完成一个页面操作后及时反馈操作结果,这里的元素主要是:操作结果+语气词+提议动作。以及相干链接。所以对文字架构和展示有个限定,并配合一定的信息的icon.

设计时需注意:

从哪个纬度开展规范设计?

前端开发是我们的密切搭档,所以尽快拉他们入伙,一方面仰仗于他们的技巧支撑及开发倡议;另一方面他们也是受益人,一整套控件库开发出来也便于他们的调用及治理。

d. 信息反馈

定义维度:控件描述、控件示意及尺寸、是否用户反馈、设计理念、控件运用。

解决计划:用户急需一个好用的后盾系统来进步他们的效力。

小二这个角色在我们的局部可以细分为:认证小二,物流小二,行业运营小二(行业运营小二里面还分:买手,买手助理,店铺运营小二,网站经营小二……)每种角色来这个系统的目标都是不同的,行业运营小二,进来主要是录入信息,跟踪订单。物流小二主要是查看审核行业小二的申请,跟踪订单,查看报表,网站可用性设计中 不容忽视的30个基础概念。认证小二主要是审核行业小二或商家的申请,网站友情链接交换七大参考项,跟踪认证情形,剖析数据。

2.1不同的流程与场景

4.前端开发参与

初期是给我们的小二,后期系统会开放,外部商家或是委托方也会来应用我们的系统。那么咱们第一次做系统规范的因为商家或委托方的信息控制不到,可以重要针对我们的小二。

弹出页面的大小只占整个页面大小的三分之一,这样信息流不会太大,结构结构也不复杂。

使用规范:优先使用已有图标;如已有图标无奈满意需求,则严厉按需求提交换程申请新图标

2.质感细腻,丰盛;

1.造型上由一到三个图形组合,且最多不超过3个;

你念,或者不念;规范就在那里;不来不去。

用户是谁?需要是什么?交互设计师对一个名目最根本的懂得就是源于这两个问题。我们做这次规范也是如斯……

你跟,或者不跟;规范就在你我手里;不舍不弃。

孤掌难鸣,规范的产出凭仗于全部交互设计师工作之余的见缝插针及群策群力,重复沟通探讨,整合统一。

我们的小二有什么特点呢?他们目前是什么方式在录入信息的呢?

因为当初系统发展情况错落不齐交互资源不够,前端控件没做,导致用户极难使用。系统开放过程中,频繁的调换交互、视觉还有前端,导致当初单个系统交互方法有差别,多个系统浮现给统一个用户时,固然基本框架没问题,然而在操作进程中效率低。

2.设计尽量简练,易懂,防止过剩元素的涌现;

--> [网站建设之]网站后台设计规范:框架规范和视觉规范

创立和编纂都是对基础数据的输入和修正,这个界面用到最多的就是imput,表单,还有链接。从屏幕上划分为三列式。含有大批的操作验证和操作提示块。

b. 查询

我们这次要做规范的目的是统一现有三个系统的视觉+交互规范,然后交付前段,前端来划定他们的代码规范。让我们一起走上提高我们小二的工作效率的第一步。

查问页面主要使用的是前提输入操作和查看表单的功能,须要界面操作区和反馈区清晰明白,因此在框架上为两大区域,保障他稳定使用的习惯。 另外考虑各种导出和查看的链接。

描写:为实现产品中某一特定功能而独破出来的模块,其特色在于功能绝对单一,在构造层和行为层应具备很强的可复用性,在表示层应保持一致性,方便用户辨认。从单一控件可以衍生出多种组合控件以适应不同功能操作,如:上传组合控件,列表组合控件。

需求是什么?

2,网站及网店提高流量转换率的三步走实战技巧.3 数字化栅格化全部体制,易于着地

2.2 操作

这里不妨假设流程中碰到的4种基本场景——》创建,查询,编辑,详情,回馈

组合控件

在计算机编程当中,控件(或部件,widget或control)是一种图形用户界面元素。是一种基本的可视构件块,包含在应用程序中,掌握着该程序处置的所有数据以及对于这些数据的交互操作。

2. 框架规范

由于业务场景不同,流程也不一样,那么如何定义页面,和页面基础内容块?

1.确保图形映射独一性,可识别性;

不同于大框架,这个弹出页面所承载的作用是坚持当页信息比对下进行弹出操作,因而,操作会简略直接,操作数目保持3,到4次操作内。而后在回到主页连续操作其它。

栅格化系统之所以在web端这么实用,也是由于信息和版块过多时,在前真个环节易于分块进行宰割,保持页面的舒服和整洁。以5,或者10为单位,基础适用于任何的排列和切割,网站原创内容的三种写法,无论场景,控件,数据元素如许庞杂,都能用必定的单位盘算其标准大小,顺利排列得下。构成一定的稳固架构。

在设定框架时,我们要考虑到以下多少点问题:

你爱,或者不爱;标准就在那里;有增无减。

b. 不同的显示器辨别率

3. 视觉规范

c. 弹出页面

Tag:   网站   后台   设计   视觉   框架   规范     网站   后台   设计   视觉   框架   规范  

在PARC研究核心对施乐的Alto电脑(Xerox Alto)用户界面的研讨基本上,现在已逐步发生一组包括惯例信息的可重用控件。常规控件的不同组合通常打包在部件工具箱中,程序员能够构建图形用户界面(GUIs)。 大多操作体系包含一套用于程序设计的控件,程序员只要将它们参加利用程序,指定它们的行动。

斟酌最常用的1028,和最基础的1024。把最常用的量归纳为一屏幕三个控件加上断定和验证和控件组合,考虑特别应用。场景中最可能呈现的数据和控件产生成果在操作页面时,用户最关怀数据,所以要考虑在界面中如何理顺他们的档次。如何对当页反馈的信息占用的地位和变更进行 规范。比喻说查找和携带搜寻过来的数据展示,还有上传 ,在 当页显示数据的展现分类。这些排版规矩,既要考虑到信息转达的清楚,也要考虑到信息量的大小。

4.尊敬习惯,多用常见图形,避免误导;

你知,或者不知;规范就在那里;不悲不喜

用户是谁?我们的系统是给谁用的?

在第一步完成了控件基础后,第二步的问题就是如何运用该控件?让控件在场景中施展作用,窜连出整个操作流程。这种目的之下,我们所要做的就是制订结构和规则,就犹如用这些控件做成建造物个别,这就是框架规范的作用。

 

美学角度需留神:

a. 详情页面

详情页面是所有操作情况的明细。是流程的结果,所以它模块分类会比拟明白,主要是文字和数字形成,信息层次基本是2-3级。分类也节制在4-5类内,网站加速优化中美工和前端开发人员的工作,信息过多,会有收起展开的功能,来把持信息量过多对传到和寻找造成的麻烦。

1. 控件

3.作风趋于统一;

后台系统采取一整套UI,为什么会情势各异?能统一并带来更好的休会吗?基于交互设计师本人的心坎疑难,我们急切的产出一套设计规范用于同一后台操作系统,利于用户使用习惯的培育跟连续,下降学习本钱,提高使用效率,有效提高开发效率,便利功效的优化扩大。基于现有的系统,我们抽丝剥茧,才有了如今的阶段性结果。

a. 创建编辑

这四类页面,运用的基础控件类型也不一样,通过这4类我们可以窜连基本的业务流程。

图标:是存在指点,标识性质的图形,它具备高度稀释并快捷传达、便于记忆的特征。好的图标,能完善视觉,晋升体验,更好的与用户进行沟通,在必要的时候能给用户以明确提醒,领导用户去顺利的实现操作。

5.规范产出

V1.0只是个开端,接下来我们还会一直完美、调剂这套规范,不断打磨使其更趋完善。


(责任编辑:网站建设)
网站后台设计规范 框架规范和视觉规范相关文章
上一篇:网站可用性设计中 不容忽视的30个基础概念 下一篇:网站品牌词被对手恶意百度竞价怎么办?
回到顶部