【主播管理系统开发】界面篇

jingbo.cheng

本帖最后由 phoben 于 2019-11-21 15:00 编辑

【主播管理系统开发】

主贴地址：https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=68048&page=&extra=#pid261425

【界面篇】

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

构思如下:

顶部固定顶栏，因为想腾出足够的高度让内容显示更多

所以左侧固定导航栏，其他位置都是内容

这样母版设计就完成了

下面开始挑选色彩搭配

配色网站：https://uigradients.com/#AzurLane

https://www.colorinspire.io/

http://www.peise.net/palette/

调好配色后确定如下：

配色确定后，做好页面母版

然后开始制作控件样式、表格样式

最好都用自己配好的颜色保持整体简洁美观

还有最后一步准备工作，就是制作常用控件库

新建页面，在里面制作各种控件，包括手机端、PC端

界面篇就到这儿结束了！

开始有条不紊的制作内页就行了。

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

有趣创意小功能分享1:图文列表盘活枯燥表格!

有趣创意小功能分享3:纯CSS美化弹出页面!真香警告!

登陆页面

首页未完成

业务页面

图文列表

表单提交

业务页面

图文列表

图文列表+表单

业务页面

${93F345CB-50FF-4279-B3FF-D006F4D07ACF}_20191121135330.jpg$

图表

卡片+图表

表格应用

后台设置

消息通知

willning · willning

互联网风格的正规军玩法啊，动手前先搞theme和widget，对后面开发页面时保证风格一致，样式统一非常重要。
事实上，聘请专业的设计公司做UX/UI，对方给你提供的主要就是这两样，亲身体验过，高水平的设计公司，真~~~贵~~~

谢厅 · 谢厅

Phoben，请收下我的膝盖！

phoben · phoben

宋小猫发表于 2020-2-19 13:01
厉害配色网站好评+++ 弱弱的问一下结尾提到的常用控件库是啥意思？主要什么作用？

就是把你要用的所有表单组件,放在一个页面,哪里要用复制过去

回复 · 18791208143

太强大了

phoben · phoben

谢厅发表于 2019-11-21 14:40
Phoben，请收下我的膝盖！

多亏大哥无私奉献和帮助啊！

lwt · lwt

高手高手高高手。

wchangwei · wchangwei

赞！！！！！！！！！

qtcxc · qtcxc

successit · successit

没有对比就没有伤害，我的那个UI实在是素素素素啊

xgh2019 · xgh2019

牛B

		自动登录	找回密码
密码			立即注册

[使用感受] 【主播管理系统开发】界面篇

评分

34 个回复

时代开发者征文活动

微信认证勋章

悬赏达人

讲师达人

活字格认证

活字格高级认证

圣诞拼拼乐