IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    LEE周刊新版PC官网设计开发总结

    轩枫发表于 2015-09-26 16:07:34
    love 0

    前言

    LEE周刊PC版官网上线新版本啦~

    新版官网全新设计,在保持原有信息展现的基础上,整合分散的结构,令结构更清晰。

    精简用色,减少多色彩带来的体验干扰,表现更为简洁、扁平、纯粹。

    主颜色

    主色调选用浅灰、深黑以及浅绿色,组合以引导简洁,中性,纯粹的方向。

    hfgjhr

    排版颜色

    字体在深色背景与浅色背景上体现出不同的灰度,让重要程度通过灰度区分。

    rtjhyrjr

    二级导航

    保持原有二级导航,可以让用户在浏览的时候快速找到想要的信息,结构清晰操作方便。

    fgjfgj

    栏目版块

    内容多而不乱, 展现各栏目最新文章。

    hrfyhrt

    热门标签

    使搜索更快捷、精准,对用户快速查找某篇或某类内容的文章提供多维度的索引选择。

    fghgfjf

    封面报道

    封面报道为期刊的重要栏目,以大图文结合轮播图形式展现,一目了然,吸引眼球。

    fdshgdrt

    动画与技术

    网站结合CSS3动画进对部分交互以动画展现的形式,不失单调。

    新版官网结合新技术,主要进行体验优化,网站打开速度提升,编辑器升级,SEO优化等。

    sdgsdfg

    sdgsdfhsf

    效果图预览

    1、首页

    hdwset

    2、文章分类

    cvhnsdf

    3、文章详情

    dsghstr

    4、登录界面

    sgdsf

    结语

    设计研发的LEE周刊PC新版官网,希望能给大家带来更好的体验~不太懂设计,大家轻拍~

    网站编辑组 – 轩枫,前端开发工程师一枚,来自微信事业群。开发过的网站有:LEE周刊图库、李宇春2014年专辑《1987我不知会遇见你》LEE周刊特别企划、新版LEE周刊官网等。

    最后感谢南希主编、嗯_收工、雨后、露露、濛小濛的支持!

    官网访问:PC端输入www.leeweekly.com 或搜索“LEE周刊”。



沪ICP备19023445号-2号
友情链接