轩枫阁

首页 / Web前端 / LEE周刊新版PC官网设计开发总结

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

前言

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周刊”。

103/470
105/470

相关阅读

文章评论

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子