|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
最近一直都在学习有关ios(苹果系统)的知识，而学习ios的最好方法就是研究iPhone和ipad。因为iPhone和iPad的应用程序都是用Objective-C语言来开发的，所以在接触ios之前，我必须有一定的Objective-C基础。构建大度的使用
一个webapp的视觉计划不但要看起来美，也要用起来让人以为便利
你的使用的美学计划将间接影响人们利用使用时的易用性。一个有着丰厚视觉感觉的使用既能让人用起来兴奋，又不会分离人的注重力。它注意美妙，利用相似于nativeapps计划形式的同时又不掉易用性。
美妙的图片、色彩、字体和速率、易读性、易用性之间必要到达平衡。用户和文明背景也十分主要，由于在分歧文明中，色彩、结构和笔墨选择大概有分歧寄义。使用的视觉计划不但要让用户感到愉悦，也要让他们以为利用便利。
利用开放web特征来供应大度的计划
人们等候看到的webapps是与客户端大概mobileapps有着一样的视觉感觉，而不是战争淡的web内容一样。
<br>
Figure4.1-美不美由使用的利用者说了算！
开辟者能够经由过程利用以下手艺来制造丰厚的沉溺体验：
1.具有交互性和用户相干性的及时画图界面。
2.增强可读性的字体和排版特征。
3.增添美妙的纹理、突变和变形，又要包管不会让人专心。
4.提醒使用以后进度的图象和动画。
5.高质量高分辩率的图片，不管用户怎样调剂扫瞄器窗口，这些图片都不掉美妙。
6.在使用中利用实际天下中也有的图象、图示和图标，增添熟习感和实际感，让用户简单将实际生存中的履历转移到使用中往。
有效的资本：
文章
- 更成心义的字体–来自于TimBrown所写的书的一掌
- 网页排版–来自于JasonSantaMaria所写的书的一章
- SAFARICSS视觉效果指南
手册
- 经由过程FONT-FACE疾速完成WEBFONTS指南
- CSS3关头帧动画简介
库&框架
- GOOGLEWEBFONTSAPI-GoogleWebFonts让每一个人都能很快制造webfonts，包含专业计划职员和开辟职员。我们信任在制造好网站的路途上不该该有任何停滞。
- TYPEKIT-复杂、切合尺度的、简单猎取的、完整正当的web字体。
- CSS3GRADIENTGENERATOR-展示了CSSgradients的壮大力气。
- ULTIMATECSSGRADIENTGENERATOR-来自于ColorZilla的一个强无力的相似于PhotoshopCSSgradient编纂器。
样例
利用全屏
Web页面和webapps之间的一年夜区分就是它们怎样利用可用的屏幕空间。好的webapps和客户端使用一样，会占满可用的屏幕空间。
要有一个好的视觉计划，计划者应当做到：
- 让你的app看起来像是一个使用，而不是一个有着摆布边框的网站。
- 将可用的屏幕空间占满。由于你不克不及断定设备详细尺寸，那末让内容能够依据屏幕巨细举行调剂，撑持屏幕窗口巨细调剂，而且在必要的时分利用转动。
- 制止流动宽度的结构，由于如许的结构的摆布边框会让用户遐想起web页面。
- 利用FullScreenAPI在符合的时分供应一个全屏界面。
<br>
Figure4.2-接纳各类体例往引诱你的用户！
利用全屏的webapps包含：
- GOJEE
- NEWYORKTIMESWEBAPP
- WORD2
- GITHUBISSUES
- 60MINUTES
Webapps不该利用传统的导航元素
Webapps不该以来传统的扫瞄器导航元素，好比前进、行进、革新按钮的等。它们也不该该利用传统的页面内导航元素，好比左边大概顶真个向下链接。
只管webapps不利用这些传统的导航元素，它们大概利用地点栏以保留或共享形态，利用向前或向后按钮在分歧形态间切换。用户不再利用链接在分歧页面间切换，而是利用按钮来改动以后内容的形态。。
让利用变得复杂
人们在面临庞大冗杂的注册历程时常常会望而生畏。假如你的使用必要用户登录，那末，这个历程必要十分复杂，只必要起码的信息就能够了。假如大概的话，让用户能够经由过程一个已有的OpenID来注册。在能够少办理一些账户和暗码的时分，用户长短常高兴的。
为了削减用户被吓走的概率，让注册登录历程更加复杂，能够按以下体例往做：
1．关于不想登录或注册的用户供应使用。
2．关于选择注册登录的用户举行一些嘉奖，好比附加功效或是更加完全的服务。
3．撑持经由过程OpenID来注册，好比Google账户，以削减用户必要影象的用户名和暗码。
4．假如你已有了一个登录体系，思索将其与OpenID创建联系关系。
在这些方面做的很好的WEBAPPS：
- ETHERPAD-EtherPad让用户能够立即入手下手利用使用，而且只在用户想要保留的时分才要往他们注册。
- PICNIK-让上岸门坎很低，用户能够不必上岸或注册就可以编纂并保留照片。
<br>
Figure4.3–让人们在初度实验时就以为复杂！
有效的资本：
库&框架
- GOOGLEIDENTITYTOOLKIT(GITKIT)是一个收费工具包，网站谋划者可使用它让用户经由过程邮件地点和暗码上岸，并经由过程团结上岸交换暗码。
- JANRAINLOGINHELPER匡助网站完成基于电子邮件的注册，经由过程内联电子邮件考证匡助注册转换。
样例
- OPENIDWIKIGALLERY–一个利用用户已有账户的立异性的上岸注册使用。
供应离线功效，提拔功能
开辟者应当供应离线使用功效，而且经由过程在当地缓存使用数据来提拔功能，在用户联网的时分只剖析必要的数据。
要提拔功能并供应离线功效，能够按以下体例往做：
- 利用使用缓存来确保扫瞄器将必需的使用代码举行了缓存，好比HTML、CSS和Javascript。
- 利用web存储来保留大批必要疾速猎取的信息，大概将这些信息保留在cookies中。
- 将构造好的数据存储一个web数据库，好比IndexedDB，它能让你存储大批数据，而且能举行高效查询和遍历。
在这方面做的很好的WEBAPPS：
- AMAZONKINDLECLOUDREADER–利用AppCache,当地存储和WebSQL能够在iOS上的和桌面版的扫瞄器中事情。
- SPRINGPAD-利用AppCache,当地存储和WebSQL，供应了一个不管是不是在线都能利用的使用。
- THENEWYORKTIMESWEBAPP–利用AppCache和WebSQL，供应了一个再iOS和桌面扫瞄器上都能事情的离线使用。
<br>
Figure4.4–让数据保留在手边以提拔功能！
有效的资本：
文章
- HTML5ROCKS离线功效概览
- “离线功效”以内涵及值得存眷的点
库&框架
- MANIFESTR–一个用于创立AppCachemanifestfile的书签。
- LAWNCHAIR-一个供应了轻量级的、自顺应、文雅的耐久性办理计划的库。
供应数据主动同步
Webapps让用户能够将数据保留在云中。用户应当可以确信他们的事情是平安的，他们不用往思索他们是什么时候何地保留的数据，大概他们手上正在利用的是不是是最新版本的数据。Webapps让用户能够会合于事情而不用忧虑事情是不是平安。
为了供应好的体验，WEBAPPS必要:
- 在当地保留数据并常常和云端举行同步，如许人们就不用忧虑收集毗连大概他们分开使用今后数据会产生甚么
- 在用户第二次上岸时让用户处于他们前次分开时的形态，让他们能很快捡起前次遗留的事情，更无效率
有效的资本：
手册
- 利用HTML5离线功效事情
- 使用缓存简介
- 利用INDEXEDDB
<br>
Figure4.5–利用AppCache和数据分歧性手艺来增强易用性，即便是在离线情形下!
经由过程提醒让用户晓得更充实的信息
客户端使用经由过程形态动静、进度条、对话框关照和其他办法来让用户晓得更充实的信息，懂得使用今朝在做甚么及其进度；webapps也使用做到这一点。
要让用户坚持信息充实，懂得使用在做甚么及其进度，能够按以下体例往做：
- 显现加载提醒，如许用户就可以分明有一个义务正在举行中。
- 利用HTML提示来供应一些用户大概想要及时晓得的主要信息。
- 利用HTML5的进度元从来显现进度。
- 显现模态对话框（modaldialogs）来让用户供应更加详细的信息大概使用完成了必要举行的处置今后再让用户持续行进。
- 动画举措能够摹拟实际天下中的一些举措，让用户更简单了解以后历程。
在这方面做的很好的WEBAPPS:
- GMAIL–供应新邮件提示
- ASTRID–为行将到来的义务供应提示
- TWEETDECK–当你所跟的tweeter有新动静时提示你
有效的资本：
文章
- CHROMIUM的项目–桌面提示
- 古代Web计划中的模态对话框
- WEB计划中的Modal和Modelessboxes
手册
库&框架
- BOOTSTRAPMODAL–依据传统的模态js插件所作的简化
- JQUERYUI-jQueryUI供应了一套综合性的中心交互插件、UI插件和视觉效果
同意利用拖放来上传大概下载文件
假如你的使用与处置文件相干，那末你应当让用户很简单完成相干操纵。永久不该该让用户往推测他们的文件是不是已下载上去了、文件下载到那边，也不该该让用户想要分享文件的时分感到到坚苦。
在处置文件时:
- 在文件输出范例中利用多属性或目次属性让用户能够上传多个文件大概全部文件夹。
- 利用拖放，让用户能够从本人的盘算机拖动文件到你的使用程序，反之亦然。
- 经由过程利用FileSystemAPIs来在用户呆板当地来存储或处置文件。
在这方面做的很好的WEBAPPS:
- GMAIL–同意你将附件拖进邮件动静中。
- GOOGLEDOCS–同意你经由过程将文件拖进扫瞄器来上传文件。
- BOX.NET–经由过程将文件拖进上载部件让上传文件很简单。
- APPMATOR–能够通将文件拖出扫瞄器来下载你方才创立的ChromeWebStoreapppackagefile，让下载非常简单。
<br>
Figure4.6–供应多文件上传。
有效的资本：
手册
- NATIVEHTML5DRAG&DROPTUTORIAL
- 在Javascript中读取当地文件
- 利用FILESYSTEMAPIS
将功能也看作是一个特征
没有甚么比人们的工夫更可贵了。用户等候客户端使用加载快，呼应快。Webapps一样必要到达这一目标。
要计划速率更快的使用，webapps应当：
- 先加载使用，再加载用户数据。经由过程利用AppCache在当地保留你的使用代码，你能够削减启动使用时所必要的收集哀求。由于使用经由过程缓存保留在设备上了，它就可以立即启动了。在使用必要剖析任何数据的时分，都给出加载提醒。
- 遵守网站及使用的疾速呼应的计划准绳。你的webapp仍旧是基于web的，以是你仍旧必要遵守网站计划时的一些疾速呼应的计划准绳。
有效的资本：
文章
- 扫瞄器是怎样事情的：古代扫瞄器的面前
- STEVESOUDERS推许的疾速加载网站的14条划定规矩
- 利用HTML5构建疾速呼应网站应遵守的常规
手册
- 提拔你的HTML5APP的功能
- 经由过程导航计时丈量页面加载速率
- 功能
书
- STEVESOUDERS写的高功能WEBSITES
- 更快的WEBSITES:Web开辟者应当遵守的常规
打开.xib的文件打开的就是IBIB和代码交互用的是IBActionIBOutlet这些标记这些标记追踪到他们的定义其实对编译器来说什么都不表示 |
|
|Archiver|手机版|仓酷云
鄂ICP备14007578号-2
发表于 2015-1-18 11:44:48
收藏
转播
分享
淘帖
顶
踩
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
楼主