后台界面设计也可以时尚和高大上

分享到:更多 ()

从最早的平面和广告设计到后续接触到网页设计再到现在火热的移动端设计,从最初的逼真写实质感风格到现在的扁平化的出现,设计趋势,形式,风格一直在变;然而很少人有对后台系统界面设计感兴趣,很多人都觉得后台没什么可设计的,设计起来很枯燥无味;其实我个人觉得后台界面做好了还是很挑战人的,他是一个很精细的活,同时也是一个逻辑性很强的活,他一样可以设计的很酷和简约高大上。非常考验设计师对细节和易用性,统一性的把控。当然要做好一个系统后台界面设计还需要设计师对产品逻辑有充分的理解。

下面就我自己最近参与公司的智慧校园平台后台界面设计做些分析与总结:

1、登录页设计

登录页banner背景设计采用的是品牌色草绿色系,整个背景是由多个校园相关元素的简笔画形式构成,简单清晰又不影响用户登录。

2、整个项目视觉风格简约、层级、扁平化,视觉设计品牌形象化,图标元素设计应用统一化,标准化。

项目设计上考虑是基于微信的应用,又是功能为主导的系统平台,所以整个后台界面设计上采用了接近微信企业后台的蓝灰和草绿色的简约配色,让品牌形象更加突出,提升凝聚力突出主要功能和内容;板块的布局也是采用了左右结构布局左侧为主要功能菜单栏,右侧为对应的功能板块和内容,方便了后续菜单栏目的扩展与增加,同时也符合用户上下左右的浏览习惯;左侧菜单栏通过色块的深浅和字体的大小来区分与间隔,为界面提供了更加清晰的层级划分与更优的易用性。图标的应用上采用了1px宽的规格大小统一的线性图标,使整个界面看起来更简约,现代,时尚。登录进来的用户头像采用了圆头像的设计形式,打破了以往过于规矩化的方形,相比方形头像,圆形更容易聚焦又能节省空间更适合人物头像的截取,然后融合在方形的板块布局中,增强了其现代感。

3.色块化的界面与简约化表单样式更容易模版化,更方便开发的复用与效率的提高,也可以为以后类似的系统平台提供模版复用。

4.整个界面与表单内容自动适配浏览器和多尺寸电脑屏幕宽高,提升界面的统一性。

再分享一些国外优秀的后台界面设计:

http://agileui.com/supina-demo/

http://demo.pixelcave.com/appui/index.php

http://themes.shamsoft.net/flaty/index.html

http://themepixels.com/demo/webpage/bracket/index.html

http://www.keenthemes.com/preview/conquer/index.html

http://thevectorlab.net/flatlab/#

http://aqvatarius.com/themes/index.php?template=taurus多端适配

http://www.riaxe.com/marketplace/thin-admin/index.html

设计反思:

相对国内很多流程复杂的系统和后台界面的保守设计,国外系统设计显得更open,不管功能体验还是细节处理都值得我们去学习。现在很多后台界面设计体验也慢慢的前台化,活跃化,可视化;主要体现在界面设计更简约,易用性更强,细节设计更规范,在很多细节的处理上也会有体验不错的小动效设计加入,使整个本来功能繁琐枯燥的系统产品更有亲和感。我们在设计产品之前一定要对产品功能有个深入的理解才能给用户操作带来更好的易用性与视觉体验。

原文出处: 腾讯网UED – Jean

最美UI|学ui设计联盟|一起努力学设计!

最美UI zuimeiui.com 学ui设计最值得关注的UI学习教程交流平台! 每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧! 给最美UI点个赞!有你的支持是我们前进的动力! 猛点这里 >>

最美ui微信公众号zuimeiui要养成关注干货好习惯哦!

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
设计师:三人行必有我师。在这里可以交到良师益友哦!还不赶紧加入? → 猛戳这里

【最美UI 原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!我们将一一答复!】

未经允许不得转载:最美ui » 后台界面设计也可以时尚和高大上

0
分享到:更多 ()