仅需5元就可把锚文本外链
一键发布到200个新闻外链网站上

国际平台数据洞察实例:电商网站深度剖析报告

网上购物已成为日常活动之一。我曾于淘宝网购置一册书籍。该网站设计主题突出,版面布局紧凑,目录结构设计合理,网页形式与内容相协调,多媒体功能的运用,整体界面给人带来亲切感。

淘宝致力于打造全球最大的个人交易网站,因此其目标客户群体主要是网上卖家。在淘宝上,卖家可以免费开店,这一优势吸引了大量关注。对于我们这些电子商务专业的学生来说,淘宝也极具吸引力,因为它无需我们具备经济实力。

淘宝是电子商务领域的成功典范,也是C2C经营模式的典型代表。其商业模式为:用户注册——身份认证——发布信息——购买——付款至支付宝——发货——确认收货——打款至商家——信用评价。

淘宝网站右上角设有免费注册按钮,这一功能无疑提升了网站的人气。

淘宝拥有强大的支付系统,确保消费者购物安全。“支付宝”作为一种专为网上交易推出的安全付款服务,由淘宝与工商银行、建设银行、农业银行和招商银行等联合推出,是一种在线交易安全支付工具。买家先将货款打入支付宝账户,支付宝确认到账后通知卖家发货,买家收到货物并确认无误后通知支付宝,支付宝再将货款转付卖家。支付宝的出现,无疑提高了交易的安全性、诚信度,消除了交易双方的后顾之忧。这也是淘宝发展迅速的原因之一。

淘宝内容更新迅速,首页设有“一元拍”、“荷兰拍卖区”、“二手”、“新店铺”等栏目,这些内容几乎每天都在变化。因为淘宝的拍卖是根据时间排序的,离拍卖时间越近,排名越靠前。此外,还有公告栏,实时发布信息,让用户及时了解淘宝的活动和规则。淘宝还设有“店小二”和客服,及时处理用户的问题、建议和投诉。

淘宝还拥有网络服务系统。A、淘宝旺旺,让沟通更及时、服务更贴心、交易更便捷。B、电子邮件系统,及时提醒交易动态,确保每一笔交易都不会遗漏。这对消费者来说也是一大优势,遇到问题时,可以方便地与卖家联系,寻求解决方案。

自2003年以来,国内网上销售形式发生了变化:由于各网站资信程度不一,新网民急需第三方认证,以避免网络欺诈和商务陷阱。于是,像淘宝、一拍等拍卖网站应运而生,与易趣等网站展开竞争。目前,国内电子商务已从资信不一的个人商务网站和门户网站时代转向有信誉保障的电子商城时代。现阶段,我国消费者对网上购物的评价是“痛并快乐着”,其中痛苦指数高于快乐指数。

美国《福布斯》杂志一篇题为《淘宝反击eBay》的文章将阿里巴巴、eBay和Amazon并称为全球三大电子商务公司。截至2004年底,通过阿里巴巴平台进行的贸易总额已超过100亿美元。早在2002年,《福布斯》就对马云和他的阿里巴巴集团给予了高度关注,马云因此成为《福布斯》2002年的封面人物。这表明中国电子商务已成为海外关注中国互联网的最新热点。2005年8月8日,《福布斯》报道:“雅虎并购阿里巴巴30%的股份,价值十亿美元。”在所有报道中,上海《第一财经日报》关于此事的报道引起了人们的极大关注。其标题为《阿里巴巴鲸吞雅虎中国、雅虎十亿美元陪嫁》。2005年8月11日,阿里巴巴在北京、硅谷、东京三地同时召开新闻发布会,主题是:“阿里巴巴全面收购雅虎中国,10亿美金打造互联网搜索!”马云宣布阿里巴巴全面收购雅虎中国所有资产,包括门户、一搜、IM、E-MAIL、3721网络实名,以及雅虎一拍网上所有资产。同时,雅虎向阿里巴巴公司投入十亿美元现金,成为其重要的战略投资者之一。马云表示:“合作的主要目的是为了电子商务和搜索引擎。我们认为,未来发展电子商务与搜索引擎密不可分,因此信用、市场、支付和搜索将成为中国电子商务的四大支柱。我们也相信,这次合作对中国经济的影响将产生巨大作用。”

阿里巴巴于2003年4月创办的淘宝网现已成为国内C2C(个人对个人)市场的领军者。淘宝的用户群体主要为18至35岁的城市中青年人。一些成熟的卖家往往从阿里巴巴进货以降低成本,然后在淘宝上销售。有一位用户就是通过这种方式将MP3和鞋子生意做到了波兰。

eBay在2004年以1.5亿美元追加投资收购易趣,并实现了平台对接。2005年3月31日出版的美国《福布斯》杂志刊登了一篇题为《淘宝反击eBay易趣》的文章,显示淘宝网占据了中国C2C市场销售的41%,eBay易趣为53%。在此之前两年,eBay易趣市场份额超过80%。今年第一季度,淘宝成交总额超过10亿人民币,网站PV访问量达到9000万,用户数超过700万。淘宝近期电视广告“克隆”了《天下无贼》中的片段——傻根说:“有支付宝,没贼!”截至5月27日,支付宝用户数超过200万,已有许多淘宝和阿里巴巴以外的用户使用支付宝,包括另一家C2C公司eBay易趣。网上又传来eBay总裁惠特曼要坐镇上海的消息……

eBay于2004年投入1.5亿美元,追加收购易趣,并完成了平台融合。2005年3月31日,美国《福布斯》杂志发布了一篇题为《淘宝对抗eBay易趣》的文章,指出淘宝网在中国C2C市场销售额占比达41%,而eBay易趣为53%。在此前两年,eBay易趣的市场份额曾超过80%。今年第一季度,淘宝的交易总额突破10亿人民币,网站访问量达到9000万次,用户数超过700万。淘宝近期推出的电视广告模仿了《天下无贼》的片段——傻根说:“有支付宝,无贼!”截至5月27日,支付宝用户数已超过200万,目前已有许多淘宝和阿里巴巴以外的用户使用支付宝,包括另一家C2C公司eBay易趣。网上还传来eBay总裁惠特曼将亲自前往上海的消息……

作为全球三大电子商务企业之一,阿里巴巴已成为中国电子商务B2B模式的代表;淘宝作为阿里巴巴旗下的网站,目前在亚洲购物网站中排名第三,正成为中国电子商务C2C模式的代表。马云认为,阿里巴巴网上淘宝模式有三件别人学不到的法宝,那就是用心服务、全面开花、实力取胜。淘宝通过规范自律,自我完善,以人为本,放水养鱼,做大市场。马云承诺:“我们两年前成立公司承诺三年以内,商界最重要的不是钱,是信用,明年7月10号以前不收费。”与eBay易趣等其他网站相比,淘宝在注册时身份认证更为严格,采用实名认证,符合我国国情,淘宝的作用相当于电子商城平台及“放心称”,在支付宝交易中为买卖双方提供企业信用担保,并根据交易结果由双方自主进行评价,确定星级建立个人信用指数。因此,淘宝现在人气最旺、服务最好,建站方便,入驻者日益增多,前景看好。

淘宝交易流程

1.淘宝的用户权限

淘宝网(www.taobao.com)采用会员制,只对注册会员提供交易服务,对交易的物品称“宝贝”。另外淘宝提供第三方支付工具——“支付宝”,帮助交易双方完成交易,提高网上交易的信用度。有类似QQ的即时交易沟通工具“淘宝旺旺”等,目地是让交易双方更加方便快捷的进行网上交易。淘宝还提供留言管理、站内信件、淘宝社区等非实时的会员交流、协商方式。淘宝社区作为一个反馈论坛,有专人管理,回应“淘宝人”的发贴,仁者见仁,智者见智,促进了淘宝自律机制的动态发展。

其他人进入淘宝网只可以浏览淘宝用户的电子店铺和商品,也可使用淘宝网的搜索工具进行搜索。

2.淘宝的注册认证机制

用户通过虚拟的会员名、e-mail进行注册,称为注册三部曲:填写信息、激活账号、注册成功。为了防止程序恶意注册设定校验码程序,激活程序有两种方法:email和手机(一个手机号只能激活一个用户账号)。用激活的用户账号登录集买家、卖家管理和交易工具于一体的“我的淘宝”网页,就可以选择购买宝贝了,还可以发布求购信息让卖家找上门来。

对于卖家则要求通过实名认证,再发布10件宝贝,才可以在淘宝网上开店,淘宝现为卖家提供电子店铺主页、橱窗位等供商品展示。卖家发布商品,可以根据其信用情况采用“一口价”、单件拍卖、“荷兰拍”等方式,并可管理“红包”(用于支付宝交易中的虚拟优惠券,由发红包的卖家负担)。信用等级不满一心或注册时间不满一个月的卖家发布手机类、笔记本电脑类、数码相机类、MP3随身听类、汽车/摩托/自行车类必须选择使用支付宝,否则将自动放入仓库。到期没有卖出的商品,可以到虚拟仓库中重新上架发布,时间重新计算。用户还可参加淘宝组织的各类产品促销、广告活动。

3.淘宝的实名认证

登陆淘宝网,在我的淘宝点击“实名认证”,进入认证申请页面,会出现选择框“个人认证”和“商家认证”。填写所需资料,并提供在有效期内证件(有效期3个月内的证件不予受理)和固定电话登记。未满18周岁不可以成为淘宝的认证会员。通过认证的会员不允许修改真实姓名和身份证号码。

提交证件有两种方式:电子版本身份证照片,可数码拍摄或原件扫描。传统模式传真和信件方式。个人认证可用证件:身份证、护照、驾照、军官证、户籍证明(户籍证明必须原件邮寄);澳门会员需提供回乡证;台湾会员需出具台胞证及大陆担保人身份证明,同时须提供大陆担保人联系电话;非中华人民共和国证件的会员,必须有国内的担保人同时上传身份证明和联系电话。

商家认证是指具有法人资格的商家所进行的认证,不包括无字号的商店。商家认证需提供:有效身份证件、公司营业执照、授权委托书(视情况,需要时提交)。必保证在淘宝上出售的商品与营业执照中经营范围相一致,否则淘宝有权追究责任。如使用支付宝时无法提供公司账号的,建议申请个人认证,否则将会导致支付宝无法汇款到账。

淘宝与全国公安部下属身份证查询中心合作,将认证资料交由国家有关部门进行核对认证,并进行固定电话审核。验证需三个工作日,并以站内信件、电子邮件或者电话通知结果。淘宝承诺不会将您的信息泄露给第三方用作商业用途。一旦淘宝发现用户注册资料中主要内容是虚假的,淘宝可以随时终止与该用户的服务协议。

4.淘宝的实名认证法律分析

第一,尽管世界上诸多国家包括我国都已经出台了电子签名法或者在相关的法律当中认可了电子签名的法律效力,但是在电子商务中尤其是B2C、C2C交易中鲜有电子签名技术的应用,即便是电子商务如此发达的美国也如此。电子签名在电子商务中的应用的前景还有待于从各个层面进行推广;

首先,尽管众多国家包括我国均已颁布电子签名法规或在其相关法律中承认电子签名的法律效力,但在电子商务领域,尤其是B2C、C2C交易中,电子签名技术的应用却极为罕见,即便是电子商务高度发展的美国也不例外。电子签名在电子商务领域的应用前景尚需从多方面进行推广;

其次,在当前网络法律体系尚不完善的时代,自律机制显得尤为重要,网络交易的有效性与真实性在一定程度上能够体现一个国家信用机制的完善程度。相较之下,国外的电子商务信用体系相对更健全,其交易身份认证多与信用卡等银行信用记录相联系,而我国则多依赖手机和身份证等手段;

第三,淘宝的实名认证仅针对卖家,而那些仅购买不卖的部分淘宝用户仍处于虚拟状态。若买家为限制行为能力人,如未成年的未成年人使用淘宝,可能会引发买卖合同效力的不确定性,损害交易的安全与效率。这可能导致买卖双方信用指数的不平衡,卖方真实可查,而买方则真假难辨;

第四,电子邮件在交易者身份认证机制中扮演着关键角色,众多电子商务网站都将用户的电子邮件视为联系用户和确认用户信息的重要途径。淘宝也允许使用电子邮箱进行注册,但由于国内电子邮件的现状令人担忧,其安全性、有效性和真实性仍需进一步探讨。当然,也存在一些服务优质的电子邮件,如雅虎邮箱。实际上,阿里巴巴可以整合这些资源,建议用户选择使用如雅虎中国的邮箱进行注册。

5.淘宝对商品和交易的管理

淘宝建立了投诉机制,对炒作信用度、哄抬价格、商标侵权、著作权侵权等行为进行自律。在“我的淘宝”页面上有“我要投诉”、“我要举报”等按钮。

投诉分为以下7种:未发货但已收款;已收货但未付款;网上描述与实物不符;恶意评价;网上成交后不购买;网上成交后不销售;卖家拒绝履行支付宝交易。

举报分为以下5种:哄抬价格;炒作信用度;发布广告信息;商品发布违规;知识产权侵权。

如果会员被投诉或举报信用炒作,该会员应提供相应凭证证明其交易的真实有效性,以供淘宝核实;如果举报方提供虚假伪造的凭证,一经查实,淘宝有权查封其电子店铺。

淘宝要求买家尽量使用淘宝旺旺与卖家联系,只有旺旺聊天记录截图才能作为发起投诉的有效证据。

淘宝发布了禁止和限制交易物品管理规则、重复铺货商品管理规则、商品价格邮费不符管理规则、信用炒作商品管理规则、广告商品管理规则、严重放错类目商品管理规则、乱用关键字商品管理规则、无图片商品管理规则、商品管理临时规则等自律规则。违反淘宝商品发布规则,累计被删除和下架达到30件商品的卖家,将被限制1个月发布商品的权力,同时关闭其电子店铺,并将未售出商品自动下架。满30件,限权处罚后商品删除数清零,重新计算满30件删除继续限权1个月。

6.淘宝网用户使用支付宝交易流程

买家在淘宝网上找到心仪的商品,点击“立即购买”,输入购买数量、选择配送方式、验证码、选择收货地址;确认无误后点击“确认购买”。核对购买商品信息;确认无误后,选择支付方式。还可以使用“购物车”程序进行购买。

买家下单后,卖家可以在已售出的商品中看到交易状态为“等待买家付款”。

在买家付款前,双方可以使用淘宝旺旺、站内信件、电子邮件等实时或非实时工具进行协商。卖家还可以进入支付宝交易管理,重新调整物流承运商和买家折扣。找到需要修改价格的商品,点击“修改交易价格”。可选择修改物流承运商和调整买家折扣。修改成功后,系统会发送一封包含本次交易信息修改内容的邮件给买家确认。

当买家付款到支付宝后,系统会通知卖家发货。卖家可以自行选择物流承运商发货,核对交易信息无误后,输入承运公司名称和运单号码,点击“确认发货”。

卖家也可以选择支付宝推荐的物流承运商发货,核对交易信息无误后,输入物流上门取货的时间和取货地址,点击“通知物流公司上门取货”,系统会根据物流公司的反馈自动确认已发货,买家看到的交易状态会变为“卖家已发货,等待买家确认”。如果系统没有自动确认已发货,卖家可以在“交易管理”中查询本次交易,填入运单号码,点击“确认发货”。

完成发货后,系统会发送一封包含发货相关物流信息的邮件给买家。

买家确认收到货后,交易状态会显示为“交易成功”,支付宝会将款项打入卖家的“支付宝账户”。

如果交易双方相互信任,可以发起“即时到账交易”,在买家完成付款后,款项直接打入卖家的“支付宝账户”中。此交易过程不受“支付宝交易”保护,交易风险自行承担。

7.淘宝交易状态超时规则

淘宝支付宝作为电子交易中的第三方,先收取货款,以促进买卖合同的生效和履行,起到鉴证人和担保人的作用,避免了大部分交钱拿不到货、发货收不到钱的情况,提高了交易成功率。超时规则旨在避免货款的不确定性。

淘宝认为,网络交易必须能够提高交易效率,这是一个基本的前提。

等待买家付款。自创建交易或卖家最后修改时间起7天内,买家逾期未付款,交易默认关闭。

等待卖家发货。自支付宝收到买家付款后一天内,卖家逾期未发货,允许买家申请退款。

等待买家确认收货。自卖家发货之日起3天(虚拟物品)/10天(快递)/30天(平邮)后,买家逾期未确认收货且未申请退款,交易默认完成,款项支付给卖家。如使用快递发货10天后,买家仍未确认收货且未申请退款,支付宝将自动打款给卖家。此规则适用于支付宝推荐物流之外的所有快递。邮寄方式以卖家在网上登记的为准。

期待买家确认收货。自卖家发出商品之日起3(虚拟商品)/10(快递)/30(平邮)日历日后,若买家未确认收货且未申请退款,交易将自动完成,款项支付给卖家。若采用快递方式,10日后买家若未确认收货也未申请退款,支付宝将自动将款项转入卖家账户。此规定适用于支付宝推荐物流以外的快递服务。邮寄方式以卖家在网上的登记信息为准。

期待买家确认收货。若卖家使用支付宝推荐物流,自买家签收之日起3天后,若买家未确认收货且未申请退款,交易将自动完成,款项支付给卖家。

8.淘宝退款申请规定

若卖家同意退款,则等待买家退货。若自卖家发货之日起3(虚拟商品)/10(快递)/30(平邮)日或自买家签收之日起3(卖家使用支付宝推荐物流时)日后,系统将要求卖家提供凭证。若自要求提供凭证之日起14天后,卖家已发货,买家已申请退款并声明未收到货,而卖家未在规定时间内提供凭证,则默认完成退款,按照退款协议退款给买家。

等待卖家批准退款协议。若自退款单上次修改之日起15天后,卖家未对退款申请作出回应,则默认达成退款协议,按照退款协议退款给买家。

若卖家拒绝买家条件,则等待买家修改条件。若自退款单上次修改之日起15天后,买家未修改退款协议,则默认关闭退款,款项支付给卖家。

若卖家同意退款,则等待买家退货。若自退款单上次修改之日起15天后,买家未退货,则默认关闭退款,款项支付给卖家。

等待卖家接收退货。自买家发出退货之日起3(虚拟商品)/10(快递)/30(平邮)日历日后,若卖家未确认收货,则默认完成退款,按照退款协议退款给买家。

何为网页设计

引言:网页设计(web design,又称Web UI design,WUI design,WUI),是根据企业希望向访客传达的信息(包括产品、服务、理念、文化),进行网站功能规划,随后进行的页面设计美化工作。作为企业对外宣传材料的一种,精美的网页设计,对于提升企业的网络品牌形象至关重要。

网页美术设计(也称网站美术、美工设计)在某种程度上可以被视为“视觉艺术”,网页的美术创作需充分吸引访客的注意力,使其产生视觉上的愉悦。因此,在网页创作过程中,必须将网站的整体设计与网页设计的相关原理紧密结合。在某种程度上,网站美术设计是网站成功的关键因素。

网页美术设计与网站整体形象保持一致,遵循艺术规范和网站标准,特别关注网页色彩(主色调和辅助色调)、图片的应用及版面布局,保持网页的整体一致性。

网页设计要点

1、网页是客户获取网站信息的主要渠道。因此,页面加载速度快、浏览方便快捷、无错误链接是设计网页的最基本要求。

2、网站是企业的门户。因此,网页美术设计通常要与企业整体形象保持一致,遵循CI规范。需注意网页色彩、图片的应用及版面布局,保持网页的整体一致性。

3、在采用新技术时,需考虑主要目标访问群体的地域分布、年龄层次、网络速度、阅读习惯等因素。

4、网页设计需体现企业文化和经营管理。

5、制定网页改版计划,如每半年到一年进行较大规模的改版等。

6、主页是客户进入企业网站,首先看到的页面,也是获取信息的起点,因此,主页的设计除具备以上特点外,还要求具备清晰的导航系统和独特的创意设计。

相关阅读》》自适应网页设计与响应式网页设计

在现代网站开发中,主要采用两种方法,即自适应和响应式,这两种方法都使用断点概念,通过媒体查询创建限制,在这些断点上,网站的布局会被强制更改。

自适应方法和响应式方法之间的差异可以归结为,网站在断点间变化,自适应配置上是一系列宽度固定的布局,而响应式使用的尺寸则更为灵活,即使在断点之间,网站仍具有一定的流动性。

鉴于不同设备屏幕尺寸的巨大差异,试图让一系列宽度固定的页面适应所有配置都是不明智的,更好的做法是采用流动设计,它包括使用长度值的百分比以使页面元素的尺寸适应窗口的大小,这种做法也是构建响应式设计的关键。

大多数用户所使用的台式机或笔记本电脑的显示器宽度大于或等于1024像素,因此制作宽度固定为960像素的页面是可以接受的,但这种情况已成为历史。如果现在还按照上述方式设计,那将意味着移动设备用户看到的将是一个按比例缩小的屏幕,他们需要通过放大、缩小和左右滚动才能完全浏览页面。这种结果虽然可以接受,但并不理想。

使用百分比而非固定值意味着页面元素可以随着窗口尺寸的变化而扩展,从而使内容流入屏幕边界内,这就是为什么这种方法被称为滚动设计。将这种方法与内容或设备的媒体查询相结合,就得到了响应式设计的核心,这为用户提供定制化的良好体验,无需考虑用户设备的情况。

响应式网页设计排版注意事项

1.精心选择字体将为排版带来灵活而高效的效果

自从客户端字体(Font Face)被引入网页设计之后,网页设计师们便拥有了将不同字体用于自己设计中的自由。在此之前,他们只能使用特定的、与网页安全兼容的字体。

但面对这些可以自由使用的字体,设计师们还需要知道如何正确地使用它们。响应式网页设计已经成为多数网站的标准设计模式,但由于需要考虑不同尺寸的设备屏幕,它对网页排版也提出了一些限制。因此,网页设计师在一个响应式网页系统中使用多种字体时,必须十分谨慎。在同一个网站中不要使用过多的字体,最好不要超过三种。同时也不要使用过于流行的字体,这并不能让你的网页看起来比其他网页更有优势。

面对这些可供自由选择的字体,设计师们还需掌握其正确使用方法。适应性网页设计已成为众多网站的主流设计模式,但鉴于需适应不同尺寸的设备屏幕,它也对网页布局提出了一些限制。因此,网页设计师在适应性网页系统中使用多种字体时,必须格外小心。在同一个网站中,不宜使用过多字体,最好不超过三种。同时,也不宜使用过于流行的字体,这并不能使你的网页看起来更具优势。

  1. 突出显示标题

    网页布局的一个特点是标题在版式中占据显眼位置。独特的标题能吸引用户在你的网站停留更久。为了实现这一点,你可以运用字形(glyphs)和连字(ligatures)技巧打造更具特色的标题。

    连字指的是看起来像是连接在一起的字母。例如,单词“fish”中的f和i在某种字体里可能联成一体(fi)。通过浏览器的字体设置功能或借助“文本渲染——优化清晰度”(Text Rendering- OptimiseLegibility)特性,你可以轻松实现连字效果。火狐浏览器已默认设置了连字符。在某些字体中使用特定的连字组合效果能为你的网页布局增添美感和风格。在网页布局软件的Text, Type或Open Type目录中,一般都可以开启或关闭连字效果。当合适的字母相邻出现时,这些软件会自动为它们设置连字效果。

  2. 合理搭配不同大小和颜色的字体

    正如上面的图片所传达的信息一样,我们在网页设计中必须选择能在桌面端和移动设备屏幕上都清晰显示的字体。一款字体在印刷品中与在数码设备中显示的效果是不同的。因此,我们必须理解font family属性,风格和效果。根据W3C对于CSS字体的规定,Serif, Sans-Serif, Monospace, Fantasy和Cursive等字体都具有font family属性。

第二,应根据网站的主题或分类来选择字体。这样才能确保你的网页能引起目标受众的共鸣,达到想要的效果。衬线字体同样能用于提升文本的阅读效果,强化要传达的信息。这里的问题是,衬线字体的特性决定了它只能在高解析度的屏幕上正常显示,在低解析度的屏幕上可能会导致糟糕的结果。因此建议你在短标题中使用艺术字体,在正文中采用更简洁的字体。

  1. 在适应性布局中,调整行宽十分重要

    必须对网页中的行宽(line length)进行调节,因为字体的行宽与布局的适应性息息相关。适应性设计也包括在不同尺寸的屏幕上字体所发生的自适应式改变。因此,调整字体的行宽是必须的。

理想的行宽为每行文本中字符数量在45-47之间,包含空格和标点。最长的限度为45-85个字符。这是对人们的阅读习惯和眼动规律做出研究后得出的结论。根据这一结论,有专家建议网页内容采用左对齐的排版方式,因为人的视线在阅读时一般会按照从左至右的方式在水平方向上运动。

  1. 当用户与屏幕的距离不同时,使用不同大小的字体能改善可读性。在适应性布局设计中,必须考虑这一点。

字体的大小要能保证字体在设备上可见,可读。而要做到这一点,可能会与前面所说的保持“理想行宽”发生冲突。因为“理想行宽”意味着要调小或调大字体尺寸,而这两者都可能导致文本不可读。这里的底线是要保证浏览者能舒适地阅读网页内容。适应性设计非常关键的一点就在于,根据用户与设备屏幕距离的不同,应用于设备屏幕的字体大小也应该不同。对于字体大小与阅读距离的关系,已经有计算的方法。

  1. 适应性布局要求浏览器支持不同大小的字体

    如果你设计的网页中需要用到某些自定义字体,你必须确保浏览器支持加载和显示这些字体。即便你的字体本身清晰,没有错误,但浏览器兼容问题可能会使你前功尽弃。你还必须检查你保存的字体文件格式与你想应用于网页中的字体是否兼容。不兼容的字体无法正常加载,最终会影响网页的显示。

案例分析:从上面的示例中我们可以发现,我们需要使用标准字体或“字体库”。第一步是通过“字体测试”来确定一款字体是否适用于网页中。浏览器对于每个系列的字体都有“首选选项”,“备选选项”,“第三选项”……的区分。如果浏览器在这个系列中找不到任何合适的字体,它会自动选择默认的无衬线字体,衬线字体或Monospace字体。

举例来说,很多浏览器都自带 Century Gothic字体。你可以创建一个字体库,将Century Gothic字体视为你的首选选项,之后是Arial, Helvetica,最后是一款无衬线类的字体。注意,在CSS中,标题中含有多个单词的字体需要加上引号。例如: font-family:“Century Gothic”, Arial, Helvetica, Sans-Serif.

这样一来,浏览器会首先采用Century Gothic字体。由于很多浏览器都自带这款字体,多数用户在浏览网页时看到的也会是Century Gothic字体。对于没有配置 Century Gothic的浏览器,浏览器会按照Arial, Helvetica,事前设置的无衬线字体的顺序寻找替代。

  1. 与字体的物理属性相关的因素会影响字体在设计中的灵活性

    适应性布局可能会受制于影响字形的因素。这些因素包括字重,字宽,笔画对比,字体高度,光学尺寸等等。这些因素的细微变化都会影响站点的观感。当然,现在已经有了不少的工具可以让设计师部分地修正这些限制。

Superpolator和FlowType.js就是此类工具中有代表性的两款。当屏幕尺寸减小时,不同比例的网页间的差异就会更为凸显。因此就需要在网页尺寸与缩放比例间找到平衡点。例如,用于标题的字体比用于正文的字体大/小多少倍,这就涉及比例问题。这也就是我们为何需要适应性布局的理由。我们需要在断点中能自行缩小的字体,因为设计师们无法为网页内的所有字体元素一一调整基线风格。

赞(0)
以上所转载内容均来自于网络,不为其真实性负责,只为传播网络信息为目的,非商业用途,如有异议请及时联系btr2020@163.com,本人将予以删除。帮发外链网 » 国际平台数据洞察实例:电商网站深度剖析报告