找回密码
 立即注册

QQ登录

只需一步,快速开始

phoben 讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2019-11-21 14:17  /   查看:20340  /  回复: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
厉害 配色网站好评+++ 弱弱的问一下 结尾提到的常用控件库是啥意思?主要什么作用?

就是把你要用的所有表单组件,放在一个页面,哪里要用复制过去
回复 使用道具 举报
小崽子
注册会员   /  发表于:2021-9-23 11:53:06
35#
漂亮,古德
回复 使用道具 举报
cfanlane
中级会员   /  发表于:2021-8-26 15:26:39
34#
现在流行这种CARDVIEW样式的,,很火
回复 使用道具 举报
137294886
金牌服务用户   /  发表于:2021-8-26 01:15:20
33#
高手呀
回复 使用道具 举报
Aa金砂
高级会员   /  发表于:2021-8-13 22:05:25
32#
能开源吗 活字直接收编
回复 使用道具 举报
zijian
金牌服务用户   /  发表于:2021-4-12 09:03:07
31#
这UI设计很棒,感谢提供设计思路
回复 使用道具 举报
qiu123
中级会员   /  发表于:2021-4-11 17:50:53
30#
回复 使用道具 举报
qiu123
中级会员   /  发表于:2021-3-25 08:34:04
29#
牛b
回复 使用道具 举报
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-3-24 16:03:56
28#
chenwm1722 发表于 2021-3-24 15:52
如何收藏这个页面地址呢

Ctrl+D
回复 使用道具 举报
chenwm1722
初级会员   /  发表于:2021-3-24 15:52:42
27#
如何收藏这个页面地址呢
回复 使用道具 举报
1234下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部