一、后台设计:

因公司项目发展,比较多的项目都需要做后台,有些是公司内部用的,有些是开放给用户用的;因此在公司做的后台登录界面还是比较多的;

后台因为有一些框架可以套用,例如element、iView、ant这些后台的框架,不需要每一个界面都设计,只需要产品根据自己的需求设计好原型,框架里面大部分的交互和样式都已经涉及到,要是有新的样式开发不知道怎么排布好看,我们设计可以设计框架里面那一部分没有的样式,开发就知道怎么去延展了;然后我们设计师可以定义色系和相应的交互注意点,如果在框架内没有合适的图标,我们需要设计后台的图标,切图svg即可;

2、设计的网页登陆用的大小是1080*1920,如果页面比较长,可以高度延伸;

3、设计登录界面的插画根据情感化和相应的后台的功能/用户群体定位,设计合适的插画表达内容;

二、关于后台的颜色和一些交互组建定义:

正常这些后台组建的颜色都是蓝色,要是你们公司的产品主色定义不是蓝色,而且有些后台又要开放给用户的话.就可以根据目前在用的框架已用的颜色和结合自己产品的主色,做一些结合,定义出哪些颜色要换成主色,表单或者其他地方的按钮的样式是怎么样的,他们的规则是怎么样的,根据产品需求和最佳的表现方式,在原有的框架的基础上,做一些自定义规则即可;

然后根据你自己定义的规则,做1-2个界面的的集合这些规则的展示,有了这些,前端就更加容易往下延伸了;