一、确定页面主要内容,列出菜单
一个最简单博客网站,功能模块应该包括
1、博文列表
2、博客详情
3、留言
4、博主的介绍
由此可以确定菜单栏
二、设计首页,确定设计风格
初次设计可以选择传统,简洁的布局
1、需要显示推荐,或者最新的博文列表
2、关于作者,作者推广区域
3、博文推荐
4、留言板块
(后三块内容,主要视个人需求而定)
分析以上4大模块,页面主体肯定是博文列表,需要分配较大面积,另外3个模块可以以列表的形式放置在页面的左侧或者右侧;
博文列表,需要显示一篇博客的主要内容,包括:发表时间,文章标题,内容摘要,评论阅读情况,分类,以及read more按钮;
经过简单的排版,就可以实现如下图所示的一个布局:
三、第三步确定网站的主题颜色
一个好的设计,颜色一定要太多,先确定网页主题色,页面背景色,主要文字颜色
网页的主题色,大部分设计师会选择logo的颜色,呼应企业文化。博客可以根据博主的喜好选择。如果实在不知道怎么选择,可以参考知名网站的配色,像站酷,花瓣等设计网站也有特别多素材可以选择
页面背景色,初级设计师,一般会选择黑、白、灰,比较不容易出错。彩色的背景意味着内容需要相互呼应,没有色彩学基础很难保证不出错。
文字颜色一般根据背景色确定,背景颜色沈,字体颜色就浅一点,或者干脆用白的,背景色浅,那字体颜色就深一点,但是一般不要用纯黑,可以用深一点的灰色
确定几个主要颜色以后,其他装饰元素颜色,就可以在这色系里临近颜色选择
四、然后就可以确定首页的设计了,
五、首页一旦确定,后面的页面基本就是复制粘贴了
博文详情页:
留言页:
关于作者:
小结:当然,在实际设计中,可能不会那么顺利,需要多多尝试。生活中页多多浏览别的优秀设计,搜集保存一些优秀的素材,日积月累,肯定能有属于自己的完美设计。
本文为唯雪原创文章,转载无需和我联系,但请注明来自唯雪博客cocostory.cn