UI排版分析及作品

             UI排版分析及作品

(作者:杨政,撰写时间:2019.4.8)
1、下面这一张图片是我们老师给的网页排版素材。
在这里插入图片描述
(1)正如上图所示,在这张图里面有许多种不同形式的排版,他有长页面也有短页面;有的居中排版、有的靠左有的靠右排版。
(2)这些排版有什么用呢?他可以用于网站展示,当然你也可以自己设计,也许你做的比这些还要好。
(3)然后下面这一张网页展示是老师布置的作业然后我做出来的一个食品网站的展示。
(4)老师先是给我们班的同学进行了分组,然后再让我们自己设计网站,然后我做的是一个甜品类的网站,从下图可以知道,他的名字叫浅草,然后他的LOGO是一束草加个缺了一块角的正方形。

在这里插入图片描述
(5)下面这张图是那个食品网站的首页。
从图中我们可以看见全图的排版以绿色为主,主要的原因是因为他的LOGO也是绿色的,然后还有一些就是我从其他的网站上扣下来的一些食物图,还添加了电视里面的动画片的人物做展示。
在这里插入图片描述
(6)在下面这一张是放在一些网页上面的展示,及效果图。
在这里插入图片描述
(6)在下面这一张是他使用的颜色。
在这里插入图片描述
(7)最后面我总结出来的结论是,做这个排版的时候不能随意的摆放,要整齐,有规律的摆放。他们之间摆放的空隙大小要一样,只少在视觉上看起来一样。还有的就是在重要的内容上要让他引人注目。

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值