当前位置:论坛首页 > 宝塔公告 > 凡人创业日记

宝塔面板对设计的要求是精确到1像素级别【第9篇】

发表在 宝塔公告2017-8-10 12:18 [复制链接] 12 8452

QQ20170810-121653@2x.png

       宝塔刚创立之初在功能不完善的情况下,让用户感到沸腾的就只有宝塔面板的界面设计,宝塔界面设计到现在也没什么大的改动,因为我们一些设计理念早早就已经融入我们的血液,到现在我们认为这些设计的理念依然是正确的,所以这简洁美观的优秀界面也就沿用至今。接下来我就说说我们最常用的一些设计技巧。

只能看到绿色的按钮
       进入宝塔面板最容易吸引你眼球的就是绿色的按钮,基本每个核心功能我们都有一个绿色的按钮作为目光的焦距点,然后你只要点击这个绿色的按钮,你基本就可以进入使用这个功能的环节,不会让你进来不知道干什么。要做到这点看似简单其实也很不易,核心就是搭色一定要简单,其他颜色都应该让人觉得是“无色”的,也就是感觉不到的,最常用的就是白灰黑类的。

同级别功能放一起
       界面整体的布局非常重要,宝塔界面设计是非常讲究视觉块的,也就是无论你叠加的设计元素多少没关系,一定要分好类,让视觉能根据自己的想要找的功能然后焦距那一整块地方就能找到,这样不至于用户找一个功能全屏幕到处扫视却一无所得。要做到这点要懂得克制,不能哪里有空就将功能元素往上塞,要按照自己的规划严格要求按功能块划分,将同级别的功能放一个视觉区域。

页面色及按钮是核心
        整个产品的颜色一定要严格控制,难以想象当你时间紧迫进入一个五颜六色的网站要找一个东西的时候是多么的绝望。我一般设计一个产品只强调一个色调,然后在辅于一些灰色调。然后红色是警告,橙色是提醒,绿色的安全,这类的常识性的东西也不要老想着去改变,否则一般你会得不偿失。按钮颜色也要控制好,确认用一种颜色,取消还有关闭一般是红色,按钮也注意位置,同一级别的功能按钮的位置也要保持一致。

时刻铭记,大道至简。
6.66元买我们第一次心与心的连接


愿《凡人创业日记》与在奋斗的你同行
欢迎立即和凡人互动留言,欢迎任何形式的转载

使用道具 举报 只看该作者 回复
发表于 2017-8-13 08:19:46 | 显示全部楼层
本帖最后由 taller1980 于 2017-8-13 08:23 编辑

宝塔面板第一次接触就让我感觉完全符合国人的操作习惯和UI界面,所以我的博客一直在写有关宝塔的文章,也向很多人推荐过宝塔面板,包括连win服务器都不会玩的小白
另外问下老大,能否跟宝塔论坛交换一下友情链接?  魏艾斯博客  www.vpsss.net  

我知道这是不对等的交换,所以不答应也正常。
使用道具 举报 回复 支持 1 反对 0
发表于 2022-7-12 10:58:28 | 显示全部楼层
的确细致啊
使用道具 举报 回复 支持 反对
发表于 2017-8-29 16:23:25 | 显示全部楼层
既然这个细节也提出来了。我也提出个小建议,在后台登录状态,有个错别字。。登录失败,不是登失败
使用道具 举报 回复 支持 反对
发表于 2017-8-21 17:02:41 | 显示全部楼层
ttlivecyr 发表于 2017-8-19 12:49
个人站长吗?可否交流??

魏艾斯博客  www.vpsss.net
使用道具 举报 回复 支持 反对
发表于 2017-8-19 12:49:48 | 显示全部楼层
taller1980 发表于 2017-8-13 08:19
宝塔面板第一次接触就让我感觉完全符合国人的操作习惯和UI界面,所以我的博客一直在写有关宝塔的文章,也向 ...

个人站长吗?可否交流??
使用道具 举报 回复 支持 反对
发表于 2017-8-10 20:14:20 | 显示全部楼层
当然是选择原谅啦
使用道具 举报 回复 支持 反对
发表于 2017-8-10 18:55:50 | 显示全部楼层
windows的web面板首页软件一栏点击右上角的汉堡按钮好像无法拖动排序……
使用道具 举报 回复 支持 反对
发表于 2017-8-10 15:35:59 | 显示全部楼层
AMH转BT,点个赞

感恩 谢谢  发表于 2017-8-10 16:14
使用道具 举报 回复 支持 反对
发表于 2017-8-10 15:04:10 | 显示全部楼层
不错,我就是看着好看,方便远程管理跑来下载的

没让你失望 我倍感荣幸  发表于 2017-8-10 16:14
使用道具 举报 回复 支持 反对
发表于 2017-8-10 14:31:28 | 显示全部楼层
GET~~~
使用道具 举报 回复
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

企业版年付运维跟进群

普通问题处理

论坛响应时间:72小时

问题处理方式:排队(仅解答)

工作时间:白班:9:00 - 18:00

紧急问题处理

论坛响应时间:10分钟

问题处理方式:1对1处理(优先)

工作时间:白班:9:00 - 18:00

工作时间:晚班:18:00 - 24:00

立即付费处理
快速回复 返回顶部 返回列表