找回密码
 立即注册

QQ登录

只需一步,快速开始

phoben 讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2019-11-21 14:17  /   查看:20458  /  回复:34
本帖最后由 phoben 于 2019-11-21 15:00 编辑

【主播管理系统开发】

【界面篇】

在开始开发应用之前,先根据自己应用的架构,选好合适的框架形状
构思如下:

image.png958488159.png
顶部固定顶栏,因为想腾出足够的高度让内容显示更多
所以左侧固定导航栏,其他位置都是内容
这样母版设计就完成了

image.png332849730.png

下面开始挑选色彩搭配
调好配色后确定如下:

image.png903924560.png

配色确定后,做好页面母版
然后开始制作控件样式、表格样式
最好都用自己配好的颜色 保持整体简洁美观

image.png426054992.png

还有最后一步准备工作,就是制作常用控件库
新建页面,在里面制作各种控件,包括手机端、PC端

image.png587238158.png

image.png354602660.png

界面篇就到这儿结束了!
开始有条不紊的制作内页就行了。

分享几个之前发的关于界面的小技巧,请移步观看



登陆页面

登陆页面

首页未完成

首页未完成

业务页面

业务页面

图文列表

图文列表

表单提交

表单提交

业务页面

业务页面

图文列表

图文列表

图文列表+表单

图文列表+表单

业务页面

业务页面

业务页面

业务页面
{93F345CB-50FF-4279-B3FF-D006F4D07ACF}_20191121135330.jpg

图表

图表

图表

图表

图表

图表

卡片+图表

卡片+图表

表格应用

表格应用

后台设置

后台设置

消息通知

消息通知


图文列表

图文列表

业务页面

业务页面

评分

参与人数 4满意度 +20 收起 理由
jingbo.cheng + 5 赞一个!
沐浴阳光 + 5 赞一个!
lxkj + 5 神马都是浮云
谢厅 + 5 全活字格最牛逼UI

查看全部评分

34 个回复

倒序浏览
willning
超级版主   /  发表于:2019-11-26 11:31:51
推荐
互联网风格的正规军玩法啊,动手前先搞theme和widget,对后面开发页面时保证风格一致,样式统一非常重要。
事实上,聘请专业的设计公司做UX/UI,对方给你提供的主要就是这两样,亲身体验过,高水平的设计公司,真~~~贵~~~
回复 使用道具 举报
谢厅讲师达人认证 悬赏达人认证 活字格认证
金牌服务用户   /  发表于:2019-11-21 14:40:12
推荐
Phoben,请收下我的膝盖!
回复 使用道具 举报
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2020-2-20 04:42:25
推荐
宋小猫 发表于 2020-2-19 13:01
厉害 配色网站好评+++ 弱弱的问一下 结尾提到的常用控件库是啥意思?主要什么作用?

就是把你要用的所有表单组件,放在一个页面,哪里要用复制过去
回复 使用道具 举报
18791208143
高级会员   /  发表于:2019-11-21 14:37:32
沙发
太强大了
回复 使用道具 举报
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2019-11-21 15:01:09
地板
谢厅 发表于 2019-11-21 14:40
Phoben,请收下我的膝盖!

多亏大哥无私奉献和帮助啊!
回复 使用道具 举报
lwt悬赏达人认证 活字格认证
论坛元老   /  发表于:2019-11-21 15:52:52
5#
高手高手高高手。
回复 使用道具 举报
wchangwei讲师达人认证 活字格认证
金牌服务用户   /  发表于:2019-11-22 08:48:54
6#
赞!!!!!!!!!
回复 使用道具 举报
qtcxc活字格认证
高级会员   /  发表于:2019-11-22 09:35:55
7#
回复 使用道具 举报
successit悬赏达人认证
银牌会员   /  发表于:2019-11-23 20:00:16
8#
没有对比就没有伤害,我的那个UI实在是素素素素啊  
回复 使用道具 举报
xgh2019
高级会员   /  发表于:2019-11-26 14:36:42
10#
牛B
回复 使用道具 举报
1234下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部