航洋学校

详细内容

如何设计和真的后台一样给客户看

  *步:梳理需求,搭建框架

1.png

  特别重要的一个环节,如果没有需求,那你只好凭空想象了,先看我做个一个框架梳理

  先把大致框架梳理清楚,这样在 axure设计的时候能够理清楚层级,确保每个页面交互都能走通,这也是PM的,如果是ERP小白,建议先把4个最重要的模块学习下基本就懂一般了:a、用户管理;b、商品管理;c、订单管理;d、系统管理。(基本的后台系统都和案例里面的差不多,可以直接看原型展示里面的4个板块区学习里面的列表展示哪些内容,发货、详情等等)

  第二步:设计规范,对没错,你也可以做好规范,属于你axure的规范。

  有人会说这是UI干的活,对,是UI干的活,Axure这个工具功能远远会超出你的想象,要把自己的高保真做的美观,那有的UI干的活,你干一点就行了,不要多,懂就行,看看案例中的规范:

  字体规范很重要:影响到你所有页面的布局,小技巧,axure里面的字体大小,一般翻个2倍就是前端写的rpx,我说的是一般哦,比如axure 字体12 前端写24rpx。那么我们常见后台里面和上面提到24 18 16 14 12.

  颜色搭配也很重要,如果你不懂那就去几个UI网站大致看下就知道了,后台页面不多,但一定要规范好整体色调,特别是首页,icon。蓝色也是经常后台需要 #4890F7

  axure里面学会调颜色技巧,直接在里面改,如果你对颜色没概念,没关系,直接去一些UI网站copy 别人的配色,可以copy我的,我也是专业配色的…

  第三步:分层设计,处理需求。

  考验真正的技术时候到了

  切记,里面的设计没办法教的太透彻,因为太多了,但主次顺序一定要搞清楚,这样能省很多时间

  a、先设计首页:设计的时候把左侧菜单栏固定大小,先确定大小别管,顶部菜单栏也是一样,一般宽度是1440

  再把首页要展示的内容、模块设计进去。(设计后台要有看板概念,就是用户*进去他最想看到哪些内容,操作哪些东西,用户思维多想想,看板这个东西很重要)

  b、设计接下来的功能板块,用户管理、商品管理、订单管理、数据、财务、监控等等,*设计个权限管理

  把接下来的功能板块,分别在不同的页面设计完。(原型展示里面有些常用的交互可以学习下,5/10/15页面选择,筛选跳转加载小技巧等)

  c、把你上面所有设计的板块归类到一个动态面板里,再做左侧导航栏的跳转

  d、*去做个2.5D插画最为首页导航栏。(如果你不是UI那么就随便搞一张吧,毕竟这是UI干的活)

  贵阳航洋动漫职业学校是贵阳市教育局批准(贵阳市教[2010]15号)设立的跨专业(包含计算机平面设计、动漫与游戏制作、影像与影视技术、绘画等专业)、多门类、全日制中等专业职业学校,同时也是一所实行准军事化管理的学校。


关注公众号

关注微头条

学校位于贵阳市白云区数字内容产业园内,占地面积60多亩,篮球场、室内运动场、游泳池、食堂、超市等俱全,环境优雅。

电话直呼
在线客服
发送邮件
企业位置
联系我们:
13618598927
校长办公室
点击这里给我发消息
还可输入字符250(限制字符250)
seo seo