HTML获奖作品,最新潮的24组获奖网页作品欣赏
当下的设计趋势已经彻底改变了过去几年对于网页设计的概念,而且至少在接下来的这一年里会发展得如火如荼。我们已经接触到了垂直滚动、扁平化设计、复古的配色、极简的配色,以及幻灯动画展示,当然,响应式设计才是最头等的趋势。
最近我们看到了透明的幻灯展示以及长投影设计,在本文的案例中,我们将会看到这些趋势带来了巨大的影响,它们颠覆了以往的拟物设计成为新一轮的潮流。随着移动设备的扩大使用,设计师的责任愈加重大,如何把创意注入到新的设计趋势中是一个关键点。
获奖站点
DANIEL J DIGGLE
CSS 设计奖, 2013年1月5日
这个组合包含了当下的很多设计趋势,而且无缝地展示了出来。它拥有一个网格布局的着陆页,当你点击链接的时候会跳转到相应的内容块。页面非常的干净。
PAPER TIGER AGENCY
获奖于2013年1月1日
网站首页的文字是两行式排版。红色部分是变化着的。第一行是由白色静态的”Paper Tiger”和粉色的字体组成,粉色的字体会翻转变化,字体包括”Develops/Consults/Designs”。第二行的静态白色字体是”for the”,动态红色字体是”Brand Message/Business Goal/User Experience”。所以整个句子包含了很多组合。背景是一个黑胶唱片播放动画形象,这是一个经过深思熟虑而设计成的网站首页,配色方案采取了黑色、白色和红色,经典。
MICHEAL NGO
获奖于2013年12月31日
这是一个单页的垂直滚动设计网站。着陆页上的设计师眨动着自己的眼镜。当你把页面往下滚动时,会看见一组黑白网格布局的内容,页面的底部是设计师站立的双脚。这个网站给人的信息就是设计师举起自己的单页网站!非常有价值。
ALEE FOROUGHI
Css设计奖,2013年12月26日
这个网站有一个非常漂亮的垂直滚动效果。中间还有一个基于三角形的网格布局。整个网站非常的简约、大方和美观。
ETEC MINDS
Css设计奖。2013年12月12日
网站的着陆页是Etec Minds的办公室工作动画场景。主页有一个不错的垂直滚动效果,以及一些很愉快地扁平设计。它不是一个响应式的网站,但是针对移动端它有专门的移动版本。
FIXATE
Css设计奖,2013年12月9日
该网站的主页非常有亮点!所有元素都按照线画稿的形式来,但是居然一点也不乱,反而非常美观。
Departement Creatif
获奖于2013年12月8日
无限滚动的、响应式网站。扁平化设计。网格布局。一个字:酷!
ANTRO
获奖于2013年11月27日
该网站的着陆页有一个几何形状飘飞的动画。往下滚动时你会发现一切元素的设计都显得小巧精致。扁平化设计。接下来有4个幻灯片,如果你点击箭头,幻灯片就会自动扩展到页面大小,当你继续往下滚动页面就会自动变回原始的大小。这是一个非常美丽而富有创造性的网站。
ELEGANT SEAGULLS
获奖于2013年11月20日
另一个滚动式网站。响应式、扁平化设计。尽管滚动的过程中不见得很平滑自然,但是也不乏精彩。
TEAMGEEK
获奖于2013年11月16日
Teamgeek展示了目前所有的设计趋势:垂直滚动、扁平化设计、复古配色、极简主义设计、基于网格的布局。但它不是响应式网站,不过针对移动端有另外的版本。
STEREO CREATIVE
获奖于2013年10月13日
滚动式网站简直要爆棚了,又来一个~扁平化设计,复古的配色,幻灯的展示。和上面那个一样,不是响应式网站,不过针对移动端有另外的版本。
TRIA
获奖于2013年10月12日
打开此页面你必须仔细把握好自己鼠标位置=。=当你看到一个女孩在吹口香糖泡泡的时候千万不要慌乱=。=鼠标移到页面四周时页面女孩自然就不见了,映入你眼帘的是文字链接。在泡泡之下点开它们你就会进入新的世界!这个页面非常富有创意,毫不犹豫拿下大奖。
CINNAMON TOAST
获奖于2013年9月21日
这个网站的着陆页有一段工作狂们的视频剪辑。这是一个视差滚动站点,往下滚动的过程中头部的视频是一直都存在在那里的。这个设计让让你耳目一新。而且,网站是全响应的。
MIAGUI
获奖于2013年9月12日
又一个囊括了众多设计趋势的站点。例如垂直滚动、网格布局、扁平化设计等。但是比较可惜的是该网站只有pc端没有移动端版本,只能在电脑上或者平板电脑上观看。
ABBEY PUTINSKI
获奖于2013年9月7日
擦!好有创意的网站!简直是一个冒险的尝试!打开首页关掉通知栏后呈现在我们眼前的是一张地图。扁平化、半透明的设计。鼠标这个时候已经变成一只手了,直接拖动页面地图就跟着延伸!我不确定这张地图的范围有多大,或许是一座城市?或许是这个地球?无论如何,它是响应式的。
THE BIG BAD WOLF
获奖于2013年9月7日
Oh!网格,网格,网格!该网站没别的,就是网格布局特别多。搭上黑白的色彩搭配显得非常吸引人。
MOVING THINGS DESIGN
获奖于2013年8月31日
这个网站不为别的,就为了展示当下设计趋势而来的——扁平化设计、垂直滚动、充分响应、基于网格的布局、大量的纯色……难道还需要加入其它元素?这个网站非常值得拿下大奖。
AGENCE XY
获奖于2013年8月19日
不得不承认,这个站点就像是在表演魔术一样…点开每个连接,过渡形式非常的漂亮!而且,这个网站也是响应式的。
NIQUE WOODHOUSE
获奖于2013年7月29日
该站点的导航方式非常不一般。直接拖动页面可以水平和垂直变换页面。右上角有一个小小的导航告诉你你所在的页面。可能一开始你无法适应这么高端的设计,不过实在是太完美了。
LUCAS NIKITCZUK
获奖于2013年7月28日
设计师个人视差滚动网站。随着页面的往下滚动,圆圈里面展示设计师个人的项目。采用扁平化设计,充分响应。
THE SECRET HANDSHAKE
获奖于2013年7月21日
该网站基于网格布局,扁平化设计和大字体设计。充分响应。
ADAM RUDZKI
获奖于2013年6月7日
嗯,又是一个包含设计趋势相当多的网站:垂直滚动,扁平化设计,巨大的色块,基于网格的布局。但不是响应式的。
总结
其实我们已经看到这些趋势在过去的几年里已经流行了一段时间,有一些是新兴的,可能会经不起时间的考验。随着响应式设计和扁平化设计的普及,事实上很多创造力已经无法注入到网站设计需求中了。从上面的例子中我们就可以发现响应式设计被忽视了,取而代之的是必须展示的内容。但是大多数网站依然会另外出一个移动版本。
总的来说,如果你想让响应式得以发挥,那么一些很好的创意可能就会半途而废。
你觉得扁平化设计和响应式设计会随着时间的沉淀留下来吗?为了强调这两种设计你有什么办法?或许透明设计和长投影会是一个趋势呢!在评论框中留下你对网页设计趋势的看法吧!
HTML获奖作品,最新潮的24组获奖网页作品欣赏相关推荐
- 引领设计趋势!最新潮的24个获奖网页作品欣赏
当下的设计趋势已经彻底改变了过去几年对于网页设计的概念,而且至少在接下来的这一年里会发展得如火如荼.我们已经接触到了垂直滚动.扁平化设计.复古的配色.极简的配色,以及幻灯动画展示,当然,响应式设计才是 ...
- 五年级计算机绘画作品,小学五年级获奖绘画作品精选
童绘画心理的发展有着自身的特殊性,它是由心理发展的状况决定的,下面是由学习啦小编收集整理的五年级获奖绘画作品,喜欢请收藏. 五年级获奖绘画作品欣赏 五年级获奖绘画作品1 五年级获奖绘画作品2 五年级获 ...
- 第十五届全国大学生智能汽车竞赛中小学生赛题组获奖队伍信息
第十五届全国大学生智能汽车竞赛 中小学生赛题组获奖信息 序号 学校 队伍 组别 奖项 姓名 类别 1 青岛创新学校 - 高中 一等奖 孙彬航 参赛学生 2 国科大(青岛)附属学校 - 高中 一等奖 侯 ...
- 24组8K真实路面材质贴图素材 VizPeople – Pavement Textures V1
24组8K真实路面材质贴图素材 VizPeople – Pavement Textures V1 24组8K真实路面材质贴图素材 VizPeople – Pavement Textures V1 大小 ...
- 海淀区第九届单片机竞赛获奖名单_第九届蓝桥杯国赛电子类单片机设计与开发组获奖名单...
第九届蓝桥杯全国软件和信息技术专业人才大赛全国总决赛 单片机设计与开发组获奖名单 准考证号 学校名称 考生姓名 科目名称 奖项 10361352 安徽工业大学 苏涛 单片机设计与开发组总决赛 特等奖 ...
- HTML5高度还原复古24层魔塔网页版小游戏源码
简介: HTML5高度还原复古24层魔塔网页版小游戏源码 网盘下载地址: http://kekewl.cc/OFfi6keX7OS0 图片:
- 第十五届全国大学生智能汽车竞赛青少年组获奖名单
作者:卓晴博士,清华大学自动化系 更新时间:2020-08-28 Friday 2020年8月23日,第十五届全国大学生智能汽车竞赛青少年组的决赛在线上进行.经过各赛区的选拔推荐,来自北京.上海.湖南 ...
- KDD 2020最佳学生论文奖解读!杜克大学陈怡然组获奖-23
第 26 届 ACM SIGKDD 知识发现和数据挖掘会议(KDD 2020)于近日公布了最佳论文奖.最佳学生论文奖等多个奖项.此外,汤继良.盛胜利.唐杰等华人学者在本届 SIGKDD 大会上也荣获了 ...
- 第十七届全国大学智能车竞赛百度智慧交通组获奖名单
01 全国总决赛奖项 一.线下比赛组别 参赛省市 队伍名称 学校名称(全称) 指导老师 指导老师 参赛队员(1) 参赛队员(2) 参赛队员(3) 参赛队员(4) 参赛队员(5) 奖项 辽宁省 A大五个 ...
- NOIP2008全省提高组获奖名单
排名 姓名 城市 学校 性别 年级 成绩 奖项 1 代明昊 广州市 华南师大附中 男高三 400 一等奖 2 姜碧野 中山市 中山市中山纪念中学 男高三 380 一等奖 ...
最新文章
- 2021年人工神经网络第四次作业 - 第三题Cifar10
- 转发:Datawhale第七期组队学习计划
- Android--生命周期【转】
- Finding Hotels(牛客国庆集训派对Day7 )(2016ICPC青岛K)(K-D Tree)
- 小评几种O/R Mapping工具
- Power BI 报表服务器企业一站式全链路解决方案
- js原生方式实现bind方法
- html table导出到Excel中,走后台保存文件,js并调用另保存
- Android SwipeRefreshLayout 实现下拉刷新1
- C++ Make、Makefile、CMake和CMakeLists关系
- 生产订单“生产线别”带入生产入库单
- Unity学习日志_NGUI简介
- 2018-4-25mysql数据库基础
- 华为交换机配置console口和telnet密码实例
- 【时间序列】时序分析之移动平均-python实战
- javascript版的等额本息计算器
- 黑鲨重装计算机安装无法继续,图解黑鲨装机大师装机失败无法开机怎么办?
- 高登数学,线性代数问题的数值解(SciPy第三方库,近似解)
- “二清”是电商行业在支付清算领域中普遍存在的现实状况?
- 明翰大数据Spark与机器学习笔记V0.1(持续更新)