分析自己做的后台网站

一, 布局

首先布局要有规整,然后界面要整洁还有要统一画板的大小,再然后就要适配在设计中,要清楚明白布局然后根据布局去添加东西或者是文字,然后就是排版在设计中排版也是非常重要的,还有排的版要根据具体情况判断是否再次进行适配,再然后就考虑布局,布局分两种一种是左布局和右布局,而我的就是左布局,左布局的做法是导航栏固定在左边,而右边就是内容和数据

如图:
在这里插入图片描述

这是我做的一张首页页面,然后布局就是左布局然后右边就是内容和数据的结合

下面就是一些文字的排版和分布,不重要的文字一般颜色是比较偏不显眼的那种颜色然后排版也是比较靠右下角的,再然后字体的大小跟分布和布局都是要有规律的。

二, 对比

对比是一种差异性的强调,对比的因素都是存在于相同或者是相异的性质之间,也就是把相对的两要素进行对比比较之下,产生的大小,还有对比是与调和是相辅相成的,对比是用来增加视觉效果最有效的一种方法之一,分三种对比:一种是主次关系对比,另外一种是总分关系对比,还有一种是状态关系对比。

总分关系对比是通过排版,字体,大小等来突出层次就像图片里面的字体一样大的字体比小的字体来言,大的字体是比较突出的还是一种正在点击的,从而可以使页面更加具有节奏感,重复的应用也是可以增加页面的识别出元素的关联性。

重复可以是一条粗线,一种框或者是某一个矩形,某一种颜色。我的页面中重复的东西是椭圆矩形然后把矩形的颜色改一下,再然后加一点东西就是矩形左边的图形,然后还有导航栏这里加的符号都是重复的,但是有时候重复构成会让视觉容易显得板,平淡,缺乏趣味性的变化,使用有时候可安排一些交错与重叠来打破界面呆板和平淡的格局。

对称的版式,给人稳定,理性,秩序的感受,对称分为—绝对对称和相对对称,一般多采用相对对称,以避免过于严谨。

如图:
在这里插入图片描述
三, 字体

字体是界面设计中的最基本的构成之一,字体系统大大提升阅读体验级工作效率,字体的五个方面:1.字体家族2.主字体3.字阶和行高4.字重5.字体颜色。优秀的字体是要选择合适的字体家族,然后主字体是保证多数的显示器上阅读的最佳效率。然而我的首页字体家族都是微软雅黑的然后字体的大小没有超过24字号大小,最小的没有超过10字号大小,再然后把字体排版都排好不能看着乱,字体颜色统一的都是白色,字体颜色是看我的这个背景调的,因为白色在页面突出字体颜色是根据自己做的页面然后去调颜色再然后就去适配颜色,不然颜色再怎么好看,与页面搭起来也没用不突出,还有一个颜色就是灰色,在我的页面中不要求突出的,就是更多,它在我的页面中不是很重要所以就不突出。

如图:
在这里插入图片描述

排版最重要的几个要点:

(1),对齐:任何东西都不能乱放,利用对齐建立一个清楚明白规整的外观。

(2),亲密:彼此相关的内容都应该靠在一起,不相关的东西就保持距离,利用亲密性强调页面的架构。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值