后台模板(PC端电商02—TC_ZY出品)个人本年度最佳作品…

编辑推荐

看完原型图后开始教程讲解

第一步:梳理需求,搭建框架

特别重要的一个环节,如果没有需求,那你只好凭空想象了,先看我做个一个框架梳理先把大致框架梳理清楚,这样在 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干的活)

非常感谢大家的支持,11月到现在粉丝已经破300了,感谢,感谢,如果还有不明白或者百度都找不到的问题,直接评论,有时间我看到会回答。

对了,大家还可以去看我其他的作品,个人主页也能预览

TC_ZY出品

5 条评论 发表评论

因为是高保真做在一个页面里 里面有大把的动态面板 不过我已经帮你们分好层级,和名字,在axure右下角 概要 快速搜索可以找到你想要看到的动态面板,记得把隐藏打开。
如果实在不会,直接原型里面微信二维码加我或者a312164626账号加我,直接问我就行

还要其他高保真后台可以点我头像去我店铺里面看其他高保真图,遇到问题先百度,实在找不到直接问我就可以, 感谢大家支持。

发表评论

以下作品你可能也喜欢:
推荐

预览地址:http://icagg8.axshare.cn/index.html

售价:¥ 10.00 销量: 35 2510
推荐

【作品介绍】 本作品是项目管理系统高保真原型设计,主要包括了工作台(概况、需求、任务、测试、问题)、项目管理(项目整体概况、项目新增、项目详情)、合同管理、供应商管理等,所有元件追求细节和交互效果,请自行体验。 统计图表是用AxhubCha…

售价:¥ 129.00 销量: 15 2804
推荐

作品名称:PMGOD大型连锁超市SaaS软件管理系统项目实战-后台系统原型 作品类型:连锁超市后台原型 软件版本:Axure 8.0 页面数量:123个页面 项目需求文档购买链接:https://www.axureshop.com/a/21…

售价:¥ 149.00 销量: 8 2304
推荐

作品包含Web元件库和小程序元件库两部分,两端风格统一。 Web端元件库依据iView4.0绘制,内容包含: 基础:色彩、字体、按钮、图标; 布局:栅格、布局、列表、卡片、折叠面板、分割线、单元格; 导航:导航菜单、标签页、下拉菜单、分页、…

售价:¥ 99.00 销量: 189 6766
推荐

【作品名称】:阿里飞冰Fusion Web通用元件库  V1.0.2 【作品类型】:1套组元件+1套业务区块+3套原型模板 【作品简介】:为了提高工作效率,产出更好的原型,提高技术能够落地能力,在阿里推出【飞冰】和【Fusion】后,我决定…

售价:¥ 58.00 销量: 32 3588
推荐

作品名称:多风格一体化PRD产品需求文档模板 作品编号:TEM005 当前版本:V1.0 软件版本:Axure 8 文件格式:RP 一体化产品需求文档诞生之初风靡一时,但因为维护起来费时费力,所以大家日常写需求文档还是习惯使用Word。这款…

售价:¥ 30.00 销量: 16 1333