2011年值得注意的5个设计趋势

在过去的12个月里,我们已经看到Web设计领域发生了许多变化。 包括智能手机和平板电脑(如iPad)这些移动设备的日渐普及已经改变了用户对内容的访问和交互方式。还有,像HTML5、web字体和CSS这些新标准的正式通过意味着越来越多的用户可以使用网络上最新最强大的功能。

小企业往往因为重新设计的成本和必须照顾大众用户而无法跟上最新的Web设计潮流。不过,下面列举的这些关于web设计领域的技术趋势,我们认为小企业有必要注意一下并考虑把它们纳入自己的网站。

1. 抛弃Flash

缺少Flash插件

无论Adobe与苹果的Flash之战你站在哪一边,越来越多的网站和开发者开始远离非Flash不可的视频、动画和网站导航这都是一个不争的事实。

Flash的主要应用还是在多交互设计和RIA(富互联网应用程序),而小企业一般不需要提供这类用户体验,只要简单地展示信息,使用HTML5、Javascript和CSS3来替代Flash也许更有意义。

大多数的移动设备无法访问Flash,甚至有些支持Flash的也不能完美地支持。作为一名客户,没有什么比这个情况更加糟糕:当我从手机访问一个网站却发现无法浏览联系信息、产品列表和服务或者是位置信息,而原因是网站的导航或核心内容是Flash创建的。

对于某些任务,Flash确实是个好工具,例如捕获音频或视频、展示复杂动画或运行游戏。如果你还在使用陈旧的circa-2005 Flash模版,2011年可能是升级使用一些更现代化工具的时机了。

2. 网络字体

网络字体——web fonts

字体排印是任何网页设计的关键组成部分。以前,在网站上使用自定义字体是件复杂而且让人头疼的事情。其结果是,大多数设计师要么使用为数不多的web安全字体,要么使用类似文字的图片或Flash替代的方法。

令人兴奋的是,在过去12个月里,字体和网络都有了很大的发展。感谢TypeKit、Fonts.com和Google网络字体这些服务,现在可以在网站上以微小的改动来使用免费的网络字体。

3. 针对手机兼容/优化网站

手机兼容优化网站

越来越多大大小小的网站都开始修改自己的网站增强其对小屏幕的友好性。一个做过移动设备兼容和优化的网站意味着不仅会让网站在蜂窝数据网络中加载地更快,也让网站内容更适合小型设备的屏幕规格,使其更容易访问和理解。

随着智能手机不断普及,我们越来越多的在线时间花在手机上。对小企业来说,确保网站的良好手机体验是个提高网站可用性的好机会。

4. 来自Tumblr的灵感

Tumblr

微博Tumblr是一个快速、轻易发布更新、分享内容和获得反馈的平台。Tumblr已经成为一个受欢迎的平台,很多小企业都在使用它作为公司博客或者网站。

Tumblr有很多面向小企业用户的优秀主题,而它本身在web设计领域也是很有影响的一个作品。

如果你不使用Tumblr作为官方博客或网站,也可以去山寨它的设计风格——独特的发布类型icon图标、漂亮的大标题以及简约的布局。

5. 触摸未来:HTML5和CSS3

HTML5

正如引言中所指出,非设计行业相关的小企业很难使用设计领域的前沿思想去解决他们对部分潜在用户会否被拒之门外的担忧。

虽然还有一些企业网络和一小部分家庭用户在使用那些陈旧、衰老、几近灭绝的浏览器,但目前主流浏览器(Internet Explorer、Firefox、Google Chrome、Safari和Opera)的最新版本都支持CSS3和HTML5。

此外,几乎每一个现代化智能手机也都支持先进的CSS3、JavaScript和HTML5的功能。

在这个阶段,完全可以尝试在你的小企业网站上实验一下HTML5或CSS3的威力。可以使用技术在趋近标准的新浏览器上提供增强阅读体验,并在那些破旧的浏览器上降低体验。

原文链接:http://mashable.com/2010/11/22/small-biz-design-trends/

转载于:https://www.cnblogs.com/easypass/archive/2010/11/29/1891017.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/475817.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux内核线程绑定到单个核,linux 将进程或者线程绑定到指定的cpu上

基本概念cpu亲和性(affinity)CPU的亲和性, 就是进程要在指定的 CPU 上尽量长时间地运行而不被迁移到其他处理器,也称为CPU关联性;再简单的点的描述就将指定的进程或线程绑定到相应的cpu上;在多核运行的机器上,每个CPU本…

LeetCode 1453. 圆形靶内的最大飞镖数量(几何题)

1. 题目 墙壁上挂着一个圆形的飞镖靶。现在请你蒙着眼睛向靶上投掷飞镖。 投掷到墙上的飞镖用二维平面上的点坐标数组表示。飞镖靶的半径为 r 。 请返回能够落在 任意 半径为 r 的圆形靶内或靶上的最大飞镖数。 示例 1: 输入:points [[-2,0],[2,0…

Pandas入门1(DataFrame+Series读写/Index+Select+Assign)

文章目录1. Creating, Reading and Writing1.1 DataFrame 数据框架1.2 Series 序列1.3 Reading 读取数据2. Indexing, Selecting, Assigning2.1 类python方式的访问2.2 Pandas特有的访问方式2.2.1 iloc 基于index访问2.2.2 loc 基于label标签访问2.3 set_index() 设置索引列2.4…

关于Visual C#.NET数据库开发经典案例解析(附光盘两张)(珍藏版)—的读后感...

关于Visual C#.NET数据库开发经典案例解析(附光盘两张)(珍藏版)— 评论读后感:里面的内容很经典,很实用读后感:给初学者是好,但是是比较旧的了!VS2003 C/S的读后感&#…

LeetCode 372. 超级次方(快速幂)

1. 题目 你的任务是计算 ab 对 1337 取模,a 是一个正整数,b 是一个非常大的正整数且会以数组形式给出。 示例 1: 输入: a 2, b [3] 输出: 8示例 2: 输入: a 2, b [1,0] 输出: 1024来源:力扣(LeetCode) 链接&…

c#让电脑锁定、注销、关机

代码 usingSystem;usingSystem.Collections.Generic;usingSystem.ComponentModel;usingSystem.Data;usingSystem.Drawing;usingSystem.Linq;usingSystem.Text;usingSystem.Windows.Forms;usingMicrosoft.Win32;usingSystem.Runtime.InteropServices;usingSystem.IO;usingSystem…

Pandas入门2(DataFunctions+Maps+groupby+sort_values)

文章目录3. Summary Functions and Maps3.1 Summary Functions 数据总结函数3.1.1 describe()3.1.2 mean(),median(),idxmax(),unique(),value_counts()3.2 Maps 映射3.2.1 map()3.2.2 apply()3.2.3 内置转换方法4. Grouping and …

linux视频在windows播放器,适用于Windows和Linux的免费多媒体播放器SMPlayer 18.6.0发布 - 爱绿豆...

SMPlayer是一个很好的 MPlayer 电影播放程序前端,可以支持大部分的视频和音频文件。它支持音频轨道切换,允许调节亮度、对比度、色调、饱和度、伽玛值,按照倍速、4倍速等多种速度回放,还可以进行音频和字幕延迟调整以同步音频和字…

OA 办公系统 模块设计

--连接主数据库 use Master go --如果数据库simpleoa 存在,则先删除simpleoa。 if exists (select * from sysdatabases where namesimpleoa) drop database simpleoa go--创建simpleoa数据库 create database simpleoa go-- use simpleoa go--创建用户表 create…

通过java理解linux,Java继承的理解

继承:1)概念把多个类中相同的成员给提取出来定义到一个独立的类中。然后让这多个类和该独立的类产生一个关系,这多个类就具备了这些内容。这个关系叫继承。1.1)定义类时,通过“继承”一个现有的类,子类可以具有父类中的所有属性和…

Blend设计VSM

Silverlight中的ControlTemplate(1)-概念 Silverlight中的ControlTemplate(2)-概念 Silverlight中的ControlTemplate(3)-Blend设计ControlTemplate 上一篇我是通过Blend简单的演示如何修改ControlTemplate,这一篇关注VSM这个部分。 概念的东…

Pandas入门3(dtype+fillna+replace+rename+concat+join)

文章目录5. dtype 数据类型6. Missing data 缺失值6.1 查找缺失值 pd.isnull(),pd.notnull()6.2 填补缺失值 fillna(),replace()7. Renaming and Combining 重命名、合并7.1 Renaming 重命名7.2 Combining 合并数据learn from https://www.kaggle.com/l…

使用Delphi自带的TDockTabSet组件实现停靠功能(Jeremy North)

源地址:http://edn.embarcadero.com/article/33446 摘要: Instructions on how to use the TDockTabSet component to make advanced docking user interfaces. Introduction This article discusses the use of the TDockTabSet component that was originally int…

安装linux出现基础系统出错,Linux系统出错提示信息详解

ERROR PCI: cannot allocate(无法指派)这样的错误有许多,他们主要在启动系统时出现。他们有一个共同的起因:错误的电源管理行为。罪魁祸首是一个叫做ACPI的东西,即高级配置与电源接口。尽管他是一种电源管理标准,但在十几年的时间…

c语言基本数据类型常量,C语言基础学习基本数据类型-变量和常量

变量和常量什么是变量和常量?有些数据在程序运行前就预先设定,并在运行过程中不发生变化,称之为常量;有些数据在程序运行中可能发生变化或被赋值,称之为变量。使用变量前必须先声明一个变量。变量定义的语法是&#xf…

2011年影响3G手机发展四大因素

今晨闻讯,中电信明年3季度将推出iPhone。据称CDMA版本的iPhone推出,对中国电信意义重大,售价会高于WCDMA版。联通、移动、电信争夺“苹果血案”将继续上演。 截止2010年12月31日,中国3G用户不超过5000万。而工信部落实3G发展规划是…

Feature Engineering 特征工程 1. Baseline Model

文章目录1. 读取数据2. 处理label3. 添加特征4. 数据集切片5. 训练6. 预测learn from https://www.kaggle.com/learn/feature-engineering下一篇:Feature Engineering 特征工程 2. Categorical Encodings 1. 读取数据 预测任务:用户是否会下载APP&…

[转载] 湖北:星空团队——海燕计划

2010-7-1 来源:网易科技报道 本文网址:http://tech.163.com/10/0701/16/6AH5MA4S00094II8.html 1.项目及团队名称:星空团队——海燕计划 2.所在的赛区、所在的城市、所属高校:湖北赛区、武汉、华中科技大学 3.所处的公益领域&…

c语言静态存储和动态存储,为了便于计算机存储管理,C语言把保存所有变量的数据区,分成动态存储区和静态存储区,静态局部变量被存放在动态存储区。...

在向旅游者致欢迎词时,便于保存变量部变地陪的态度要热情,感情要真挚,内容要依情而异,语言要( )计算机存据区静山西省总的地势是()。储管成动储区储区存放储区提出到2020年要将我国旅游业建设成国民经济的战略性支柱产业和人民群众…

Feature Engineering 特征工程 3. Feature Generation

文章目录1. 组合特征2. 过去7天的数据3. 上一个相同类型的项目的时间4. 转换数值特征learn from https://www.kaggle.com/learn/feature-engineering上一篇:Feature Engineering 特征工程 2. Categorical Encodings 下一篇:Feature Engineering 特征工程…