Web前端设计与开发:14种网页界面设计趋势
上传者:邓聚尤|上传时间:2016-09-14|密次下载
Web前端设计与开发:14种网页界面设计趋势
将会认识到这些趋势背后的创意。尽管这些趋势和在2009年流行的没有巨大的变化,但它预示了那些趋势将会进一步扩大流行并因此变得更佳。如果你正在考虑如何将新的潮流吸收进你的作品的话,请把注意力放在每个潮流趋势的中心思想上吧!多多鼓励自己去涉猎这些新趋势中,这样你会变成这个运动的一份子!1 巨大的logo/标头(headers)
飞出页面(splash pages)已经非常过时了。为了给访问者造成难以忘怀的印象,2010的流行趋势将会是巨大的logo或者不相上下大小的标头。这种类型的标头会占据整个屏幕,但是只有一个重要的短信息在上面。访问者不需要点击任何东西,只要把鼠标向下滑动。访问的人现在普遍患有点击恐惧(由于多年来的缺乏指导)。所以大幅的标头就像飞出页面一样,但是它不会强迫你的用户点击任何东西。
中心思想:巨大的标头将会使你的访问者记住你的网站。
2 素描/手绘设计
手绘设计并不是真正全新的一种潮流,但我们知道它仍然站在网页设计的前沿。很多设计师欣赏这种风格,但又怯于创作此类作品仅仅由于“我不会真正地手绘”的态度。如果你去看那些最流行的手绘风格网站(相对于其他趋势风格的网站,手绘设计的网站不多),你会注意到大多数同行不会绘画。这些设计不是要送往艺术博物馆的,它们只是传递一种异想天开的想法,并模糊冷冰冰的网络和人与人的互动——因特网的终极目标,之间的界限。如果你会涂鸦,你就可以创作素描/ 手绘风格的网页设计。
素描在2010年会变得更加强大,尽管不是网页设计的主要焦点。它将会以新颖的和令人兴奋的方式被用于个性标准的页面文案(web copy)。
中心思想:素描在合作设计中会变成一个基本的组成部分。
3 肥厚的字体
尽管在传统媒体中出现已经超过200年了,肥厚的字体在网页设计上的应用还算比较新的。要得到肥厚字体的可视化定义,就想想古老的狂野西部的海报 “渴望”。那些醒目的字母就是肥厚的字体。肥厚字体普遍是大写字母,醒目并令人印象深刻。许多设计师以前避开肥厚字体不用,是因为以前标志和标头都比较小和比较简朴的缘故。和巨大的标头一起组合之后,肥厚的字体将会吸引浏览者的注意。
中心思想:肥厚字体来大胆的表现自己。
4 活版印刷
活版印刷是最难掌握的的潮流趋势之一,这就是它在2010年依然保持新鲜的原因。出于大家对可用性的呼吁,网页设计师不敢使用新起的和各式各样的字 体。把不同大小尺寸的字体混合在一起这个想法是完全不可想象的。可以探索,扭曲,模压字体来达到你的目的。如果位置得当,一个利用了活版印刷作为它主要涉 及元素的网页会比一个超载了大量图片的相同网站有趣的多。
中心思想:活版印刷是新发展的,但是它会将继续成为网页设计的一部分。
5 单页布局
单页布局将会驱使你去把不必要的信息删除。在2010年,这个潮流将会抛弃那些古怪的导航,并使之影响国变得更加小(this trend will move away from the quirky navigation and become more minimal in its approach.)。可以这类风格的网页想成商业名片。这些网站将会更像一站式商店,在那里有你和你在各式各样网站上的作品(比如你的博客和你在各种社会化媒体上巢穴)。
中心思想:单页布局将会有较多个人文件和较少的团体合作。
6 巨幅图片
与巨大logo/标头header很接近,所以大幅画面也做着同样的事。它创造了难忘的视觉冲击。不像上文巨大logo所示的那样,巨幅图片不是网站品牌的一部分。相反,访问者不是因为内容而是因为奇大无比的图片尺寸吸引进入你的网站的。在2010年,网页设计师们会发现,在他们的设计中使用起这些巨大的表现方式来表达网站的风格,将会更加的舒适惬意。
中心思想:巨幅图片会被用作吸引游客进入你的网站。
7 改变视角
就像我们以前讨论过的一样,桌面视角已经重复到令人发腻了,2010年将会看到一个更加贴切实际的视角,可能会有一个移动的侧视的天线(there may also be a move toward side-shot aerial.)
中心思想:2010年网页设计会出现不同的视角
8 交互式/直观设计
flash动画会有更好的发展。以前,你访问网站,你一定会点进一些令人厌烦的动画界面。现在动画会轻松、专业的多。尽管一些设计师更愿意选择 jquery制作表格和弹出式窗口,但动画在设计界仍然占有一席之地,特别是在表现细节方面。动画在互动上仍然有所欠缺。2010年,网页设计师将会在动画的补救元素方面改进。现在普遍的浏览者对互联网了解得更多更深了,设计师会也将会也会创造出比以前更直观性一点的网站。
中心思想:交互式设计会重新流行
9 弹出对话框
弹出对话框这个趋势现在正如火如荼地被使用,事实上2010年就会到处可见。弹出对话框就像弹出式窗口的一个更加老练的长兄,——流畅、美观、潮流。弹出对话框更容易设计和使用使它成为那些为可用性担心的设计师的完美解决方法。
中心思想:在2010年设计中弹出对话框将会继续流行
10 简约主义
请忽视学校极少网页的网站。2010年的网页会继续以大片空白和醒目的排版、出人意料的颜色方案为特点。不是所有的简约网站都同意黑和白的简单性概念。尽管简约主义本质上是温和的,但是它也展示鲜艳的颜色。简约主义不是冷酷的,它是温暖的,开门见山的。
中心思想:简约主义将会大胆的用于排版。
11 大尺寸的底部
也许大尺寸的底部已经到处都是了,但是在2010年你会发现它们甚至会更夸张。未来的底部会减少事先考虑的因素,成为设计的主要部分。底部将会寻求詹这些特征:包含随机的信息的脚本,比如不同的社会媒体的更新、每日调查、和flickr等。
中心思想:大尺寸的底部将会以较少重要的信息,较多个人信息为特点。
11 玩微信
玩微信www.sactoo.com,分享微信营销成功案例、技巧和教程,从微信营销成功案例和技巧中学习如何做好微信营销,让我们在玩微信和营销中一起成长。
中心思想:玩微信会被用作微信营销方面的网站。
12 复古
复古设计会成为风尚,流行起来。虽然很多设计的团体钦佩复古的网页设计,但如果没有留下”已复原(undone)“的印象就很难完全掌握这种风格。复古的关键是被它的风格和潜在的趣味性所启发。在2010年,如果设计师找到新的使复古老艺术荣耀起来的方式,复古设计将会扩大使用的范围。
中心思想:复古是一种新潮。
13 介绍框
“你好,我的名字是······/hi,my name is…”将会在2010年找到更大的舞台,如果设计师认识到介绍把自己给访问者的美丽,简洁的话。如果你正在为做一个有创造性的“关于自己”的网页而苦恼,介绍框是最好的解决措施。它会迫使你把你的介绍简略成一个相关大小的空间。2010年介绍框会突破它本身所具有的界限。设计师们找到新的便车(new pick-up lines)来取代了令人厌倦的你好。同时,2010年介绍框将出现非常规的摆放,也许是放在网页的正中间,替代了现在的放左边的介绍版块。
中心思想:一种新的说“你好”的方式
14 杂志布局
因为越来越多人从传统的打印媒体转移到在线信息娱乐,设计师们会挑战着欢迎这些简单的转变。杂志布局有一个步骤,就是所有信息会小心地放在首页上,使浏览者有机会去根据兴趣去探索。相似的布局吸引那些曾经看过报纸或者杂志的人,但是也会更易使用令人讨厌之极的网页。在2010年,杂志布局会变得越来越普遍,特别是博客方面。
中心思想:杂志布局会被用作娱乐信息方面的网站。
版权声明:此文档由查字典文档网用户提供,如用于商业用途请与作者联系,查字典文档网保持最终解释权!
下载文档
热门试卷
- 2016年四川省内江市中考化学试卷
- 广西钦州市高新区2017届高三11月月考政治试卷
- 浙江省湖州市2016-2017学年高一上学期期中考试政治试卷
- 浙江省湖州市2016-2017学年高二上学期期中考试政治试卷
- 辽宁省铁岭市协作体2017届高三上学期第三次联考政治试卷
- 广西钦州市钦州港区2016-2017学年高二11月月考政治试卷
- 广西钦州市钦州港区2017届高三11月月考政治试卷
- 广西钦州市钦州港区2016-2017学年高一11月月考政治试卷
- 广西钦州市高新区2016-2017学年高二11月月考政治试卷
- 广西钦州市高新区2016-2017学年高一11月月考政治试卷
- 山东省滨州市三校2017届第一学期阶段测试初三英语试题
- 四川省成都七中2017届高三一诊模拟考试文科综合试卷
- 2017届普通高等学校招生全国统一考试模拟试题(附答案)
- 重庆市永川中学高2017级上期12月月考语文试题
- 江西宜春三中2017届高三第一学期第二次月考文科综合试题
- 内蒙古赤峰二中2017届高三上学期第三次月考英语试题
- 2017年六年级(上)数学期末考试卷
- 2017人教版小学英语三年级上期末笔试题
- 江苏省常州西藏民族中学2016-2017学年九年级思想品德第一学期第二次阶段测试试卷
- 重庆市九龙坡区七校2016-2017学年上期八年级素质测查(二)语文学科试题卷
- 江苏省无锡市钱桥中学2016年12月八年级语文阶段性测试卷
- 江苏省无锡市钱桥中学2016-2017学年七年级英语12月阶段检测试卷
- 山东省邹城市第八中学2016-2017学年八年级12月物理第4章试题(无答案)
- 【人教版】河北省2015-2016学年度九年级上期末语文试题卷(附答案)
- 四川省简阳市阳安中学2016年12月高二月考英语试卷
- 四川省成都龙泉中学高三上学期2016年12月月考试题文科综合能力测试
- 安徽省滁州中学2016—2017学年度第一学期12月月考高三英语试卷
- 山东省武城县第二中学2016.12高一年级上学期第二次月考历史试题(必修一第四、五单元)
- 福建省四地六校联考2016-2017学年上学期第三次月考高三化学试卷
- 甘肃省武威第二十三中学2016—2017学年度八年级第一学期12月月考生物试卷
网友关注
- 2014年高中历史 第3课 一
- 世界史(下)要点重点记忆训练
- 缅怀革命先烈争做四好少年心得体会
- 宋本《玉篇》历史汉字传承与定形
- 文学作品对师长教师本质造就的非凡感化[宝典]
- 《美国种族简史》第10章_墨西哥人
- 马采的艺术学理论研究——从艺术学独立运动到现代艺术学体系
- 戰後英國的經濟問題
- 2011届高考汗青世界史温习常识结构表解[优质文档]
- 甘肃省凉州区康宁中学《漫谈斯大林格勒之战》word简案
- “里根经济奇迹”的新自由主义试验结果
- 我们今天要不要精英文学
- ?考証金庸武俠小說的真實歷史:周伯通不會武功
- 世界史专业论文 冷战时期美澳同盟的形成和发展(1945-1973)
- 列举古代希腊的主要文化成就
- 农民战争史研究的一项重要成果——评赵继颜的《中国农民战争史·宋辽金元卷》
- 2012届高三历史复习课件(浙江用)必修3第4单元第1课时_近代世界史(可编辑)
- 汗青~总结世界史[指南]
- 《世界历史》下册复习要点
- 2015年中国人民大学世界史考研笔记,复试真题,考研大纲,考研真题,考研经验
- 世界史年表 (16世纪-19世纪)
- 歴史文化基本构想等策定委员会议事录
- 秦汉文化在西安地铁公共艺术中的应用研究--以地铁一号线公共艺术为例
- 新經濟社會學的歷史考察: 以鑲嵌的問題史為主軸*(上)
- 世界史知识框架表
- 世界史专业优秀论文 贝登堡“生活的准备教育”思想与童子军的建立和发展
- 【精品】第一次世界大战的起因
- 历史~总结世界史
- 20世纪上半期通俗史学述论
- 世界史部分综合练习
网友关注视频
- 苏科版八年级数学下册7.2《统计图的选用》
- 第19课 我喜欢的鸟_第一课时(二等奖)(人美杨永善版二年级下册)_T644386
- 沪教版牛津小学英语(深圳用) 六年级下册 Unit 7
- 30.3 由不共线三点的坐标确定二次函数_第一课时(市一等奖)(冀教版九年级下册)_T144342
- 第8课 对称剪纸_第一课时(二等奖)(沪书画版二年级上册)_T3784187
- 8 随形想象_第一课时(二等奖)(沪教版二年级上册)_T3786594
- 第五单元 民族艺术的瑰宝_16. 形形色色的民族乐器_第一课时(岭南版六年级上册)_T1406126
- 沪教版牛津小学英语(深圳用) 五年级下册 Unit 10
- 冀教版小学英语四年级下册Lesson2授课视频
- 第五单元 民族艺术的瑰宝_15. 多姿多彩的民族服饰_第二课时(市一等奖)(岭南版六年级上册)_T129830
- 冀教版小学英语五年级下册lesson2教学视频(2)
- 飞翔英语—冀教版(三起)英语三年级下册Lesson 2 Cats and Dogs
- 二年级下册数学第一课
- 三年级英语单词记忆下册(沪教版)第一二单元复习
- 二次函数求实际问题中的最值_第一课时(特等奖)(冀教版九年级下册)_T144339
- 冀教版小学数学二年级下册第二单元《有余数除法的整理与复习》
- 沪教版八年级下次数学练习册21.4(2)无理方程P19
- 沪教版牛津小学英语(深圳用) 四年级下册 Unit 2
- 【部编】人教版语文七年级下册《老山界》优质课教学视频+PPT课件+教案,安徽省
- 外研版英语三起6年级下册(14版)Module3 Unit2
- 北师大版数学 四年级下册 第三单元 第二节 小数点搬家
- 3月2日小学二年级数学下册(数一数)
- 北师大版小学数学四年级下册第15课小数乘小数一
- 苏教版二年级下册数学《认识东、南、西、北》
- 第12章 圆锥曲线_12.7 抛物线的标准方程_第一课时(特等奖)(沪教版高二下册)_T274713
- 冀教版小学数学二年级下册1
- 苏科版数学八年级下册9.2《中心对称和中心对称图形》
- 苏科版数学 八年级下册 第八章第二节 可能性的大小
- 外研版英语七年级下册module3 unit1第二课时
- 小学英语单词
精品推荐
- 2016-2017学年高一语文人教版必修一+模块学业水平检测试题(含答案)
- 广西钦州市高新区2017届高三11月月考政治试卷
- 浙江省湖州市2016-2017学年高一上学期期中考试政治试卷
- 浙江省湖州市2016-2017学年高二上学期期中考试政治试卷
- 辽宁省铁岭市协作体2017届高三上学期第三次联考政治试卷
- 广西钦州市钦州港区2016-2017学年高二11月月考政治试卷
- 广西钦州市钦州港区2017届高三11月月考政治试卷
- 广西钦州市钦州港区2016-2017学年高一11月月考政治试卷
- 广西钦州市高新区2016-2017学年高二11月月考政治试卷
- 广西钦州市高新区2016-2017学年高一11月月考政治试卷
分类导航
- 互联网
- 电脑基础知识
- 计算机软件及应用
- 计算机硬件及网络
- 计算机应用/办公自动化
- .NET
- 数据结构与算法
- Java
- SEO
- C/C++资料
- linux/Unix相关
- 手机开发
- UML理论/建模
- 并行计算/云计算
- 嵌入式开发
- windows相关
- 软件工程
- 管理信息系统
- 开发文档
- 图形图像
- 网络与通信
- 网络信息安全
- 电子支付
- Labview
- matlab
- 网络资源
- Python
- Delphi/Perl
- 评测
- Flash/Flex
- CSS/Script
- 计算机原理
- PHP资料
- 数据挖掘与模式识别
- Web服务
- 数据库
- Visual Basic
- 电子商务
- 服务器
- 搜索引擎优化
- 存储
- 架构
- 行业软件
- 人工智能
- 计算机辅助设计
- 多媒体
- 软件测试
- 计算机硬件与维护
- 网站策划/UE
- 网页设计/UI
- 网吧管理