唯雪博客

一个博客网站de设计小结

唯雪博客

一、确定页面主要内容,列出菜单

    一个最简单博客网站,功能模块应该包括

        1、博文列表

        2、博客详情

        3、留言

        4、博主的介绍

    由此可以确定菜单栏

    唯雪博客

二、设计首页,确定设计风格

 初次设计可以选择传统,简洁的布局

    1、需要显示推荐,或者最新的博文列表

    2、关于作者,作者推广区域

    3、博文推荐

    4、留言板块

    (后三块内容,主要视个人需求而定)

           分析以上4大模块,页面主体肯定是博文列表,需要分配较大面积,另外3个模块可以以列表的形式放置在页面的左侧或者右侧;

          博文列表,需要显示一篇博客的主要内容,包括:发表时间,文章标题,内容摘要,评论阅读情况,分类,以及read more按钮;

          经过简单的排版,就可以实现如下图所示的一个布局:

唯雪博客

三、第三步确定网站的主题颜色

    一个好的设计,颜色一定要太多,先确定网页主题色,页面背景色,主要文字颜色

    网页的主题色,大部分设计师会选择logo的颜色,呼应企业文化。博客可以根据博主的喜好选择。如果实在不知道怎么选择,可以参考知名网站的配色,像站酷,花瓣等设计网站也有特别多素材可以选择

    页面背景色,初级设计师,一般会选择黑、白、灰,比较不容易出错。彩色的背景意味着内容需要相互呼应,没有色彩学基础很难保证不出错。

    文字颜色一般根据背景色确定,背景颜色沈,字体颜色就浅一点,或者干脆用白的,背景色浅,那字体颜色就深一点,但是一般不要用纯黑,可以用深一点的灰色

      确定几个主要颜色以后,其他装饰元素颜色,就可以在这色系里临近颜色选择

      唯雪博客


四、然后就可以确定首页的设计了,

    唯雪博客

五、首页一旦确定,后面的页面基本就是复制粘贴了

博文详情页:

唯雪博客

留言页:

唯雪博客

关于作者:

唯雪博客

小结:当然,在实际设计中,可能不会那么顺利,需要多多尝试。生活中页多多浏览别的优秀设计,搜集保存一些优秀的素材,日积月累,肯定能有属于自己的完美设计。




白俊遥博客
请先登录后发表评论
  • 最新评论
  • 总共0条评论