UI排版分析及作品

             UI排版分析及作品

（作者：杨政，撰写时间：2019.4.8）
1、下面这一张图片是我们老师给的网页排版素材。

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

（5）下面这张图是那个食品网站的首页。
从图中我们可以看见全图的排版以绿色为主，主要的原因是因为他的LOGO也是绿色的，然后还有一些就是我从其他的网站上扣下来的一些食物图，还添加了电视里面的动画片的人物做展示。

（6）在下面这一张是放在一些网页上面的展示，及效果图。

（6）在下面这一张是他使用的颜色。

（7）最后面我总结出来的结论是，做这个排版的时候不能随意的摆放，要整齐，有规律的摆放。他们之间摆放的空隙大小要一样，只少在视觉上看起来一样。还有的就是在重要的内容上要让他引人注目。