网站设计者需要知道应用程序设计的10件事

摘要:假如你从工程建筑施工工地上的运用程序,这儿几个运用程序特殊的标准和定义,你必须掌握。为您的手机上网站和运用程序中间的界线模糊不清了近年来来做为HTML5和CSS3,融合JavaScr...

如果你从建筑工地上的应用程序,这里有几个应用程序特定的规则和概念,你需要了解。

为您的手机网站和应用程序之间的界限模糊了近年来作为HTML5和CSS3,结合JavaScript,促成了许多桌面一样的互动网站和Web应用程序。作为工具的改进,和智能手机市场饱和度的增加,所以对网页设计师用他们的技能来设计应用程序的机会。

有 使用您的网页设计技巧,设计一个应用程序的两种基本方法。第一步是创建一个Web应用程序移动导向的网站在本质上。您可以添加HTML5特定的功能,使内 容可以脱机使用,但是,对于所有的实际目的一个Web应用程序没有什么比一个设计是面向使用智能手机或平板电脑的正规的网站更复杂。

本地应用程序

第二种方法是使用一个框架,总结你的网站在本地应用程序。这将使用相同的核心的方法来建立应用程序,但允许你编写的内容,它的分布和从一个应用程序商店而不是通过一个Web地址设置。

这 两种方法的广泛应用,有自己的优点和缺点。但无论你是本地应用程序或Web应用程序设计,你创造它自己或客户,你们中的许多人已经作为一个网页设计师的技 能是直接转移到应用程序的设计。很多你在网上遇到的最好的做法同样适用于一个应用程序的设计,但也有几个金色的规则,你需要知道的关于程序设计-看看我们 下面的列表,并添加自己的评论中!

 

01。用户希望熟悉的用户界面控件

网上有很多免费资源模拟标准的用户界面元素在您自己的应用程序设计

因为有一个白的方式 的用户界面(UI)的网页设计,同样是真实的应用程序设计。虽然没有什么能阻止你创建一个全新的界面模式,你需要一个很好的理由不使用相同的用户界面控 件,用户已经很熟悉。这样做有助于提供良好的路标,在您的应用程序的设计,并让用户感觉立即在家里使用你的应用程序。

许多图书馆存在的网站,自动生成用户界面元素相匹配的系统默认的,根据所使用的设备查看您的Web应用程序。检查Sencha Touch和jQuery移动的两个例子。

02。触摸输入改变了一切

这听起来很明显,但当你设计应用程序,输入法不一的鼠标和键盘,但手指。这意味着你需要忘记创建鼠标悬停效果,相反,你可以考虑如何提供适当的反馈和路标,有意义的用户体验时,你的内容被操纵的(模糊的)手指或手指。

一个常见的错误网页设计师是依靠mouseover产卵子菜单导航条。而手机浏览器尝试考虑,最好是在这样一种方式,你的界面优化的触觉设计。

03。高分辨率的接管

视网膜屏幕已经为应用程序设计者改变游戏

当 苹果公司创造了iPhone 4他们采用了一种被称为 视网膜显示高分辨率显示。这提供了一个更高的像素数,每平方英寸,使文本和图像出现尖锐。高分辨率显示器现在变得越来越普遍的制 造商,但他们对设计师提出了一个有趣的问题。当你的用户界面元素的设计,你需要考虑的设备被用于查看接口的决议。

例如,一个按钮在 100px广场设计将出现在一半的大小(四分之一的面积)在视网膜显示它将在一个标准的显示。有双力高分辨率屏幕像素,分辨率低的界面元素呈现在相同的尺 寸无论屏幕分辨率的方法,但常用的方法是创建两个版本的每个元素在一个应用程序-一个高分辨率的显示器,和一个低分辨率的显示器。这样,你可以在继续支持 传统的设备利用的清晰的高分辨率屏幕。

04。时间短

一个移动设备的特点是,他们往往是用短时间的。而不是坐在屏幕前,智能手机和平板电脑用户希望能够很快得到的内容,他们在服务或功能。

出于这个原因,它是要考虑每个元素的界面设计和演示来确保你得到的信息本质,游戏或购买按钮在屏幕的用户尽快。这意味着没有复杂的导航路径,和一个易于理解的结构,您的应用程序,使它清楚,你会发现,在那里。(当然,这个规则也应适用于网页设计,但值得重申!)

05。房地产是微小的

不要把按钮的工具栏在屏幕的最顶端,你通常会对一个网站

应用程序通常是在小屏幕上看到的,有限的屏幕房地产。以及小屏幕,还有其他的硬件方面,你需要考虑在设计一个应用程序接口。考虑,例如,多么容易或困难会点击一个按钮在您的设计。按钮需要最小的大小类似于指尖,不论其所用设备的分辨率。

在网络上,将按钮的工具栏在浏览器窗口的顶部是常见的。在移动设备上,放置在屏幕的边缘按钮总是很难准确地击中手指,特别是如果你的用户已经为他们的手机或平板紧的情况下。尝试提供一个良好的分离从屏幕边缘的用户交互元素在您的设计,并确保你适应胖手指和小的手机的人!

广告

06。用户打字的恨

让我们面对它,一个现代的智能手机不是有趣的打字。它比使用数字键盘敲出单词好很多,但它仍然是一个非常令人沮丧的过程。如果你提出一个表单,要求用户输入,尽量保持简单,减少所需的文本输入的数量。

使用一些现代的HTML5表单元素可以提供帮助,通过提示装置提出一个适当的键盘在使用 输入type= 电子邮件 / 例如,但任何你要求你的用户类型超过一对夫妇



联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:个人网页