国外英文的移动设备网页设计UI规范

文章描述:移动手持及平板电脑和网页应用设计UI规范.

Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design. Here, you will find guidelines, samples, tips, and descriptions of common mistakes. Many of the guidelines focus on native application development, but we can apply most parts of them to mobile web design too.

Remember to provide the best possible experience on each platform. Do not deliver an iPhone experience to a BlackBerry user. Every platform has its own UI and usability guidelines that every user is expecting on your app.

  •                 
  • iOS Human Interface Guidelines (iPhone, iPod and iPad) - PDF version
                    
  • iPad Human Interface Guidelines iPad HIG was merged with iPhone in iOS HIG (see above)
                    
  • UI Guidelines for BlackBerry 6.0 Smartphones – PDF version
                    
  • UI Guidelines for BlackBerry 4.x, 5.x Smartphones – PDF version
                    
  • Android User Interface Guidelines
                    
  • Nokia N9 & Meego 1.2 Harmattan UX Guidelines
                    
  • UI Guildelines for BlackBerry PlayBook – PDF version
                    
  • BlackBerry Browser Content Design Guidelines (PDF)
                    
  • Motorola’s Best Practices for Android UI
                    
  • Nokia Design & User Experience Library
                    
  • Symbian^3 UI Style Guidelines (PDF)
                    
  • Nokia Developer Design Portal (PDF)
                    
  • Symbian UI Wiki
                    
  • Nokia Series 40 UI Style Guide
                    
  • Bada Application UI Guide
                    
  • Sony Ericsson UI Rulebook
                    
  • UI Guidelines for Windows Mobile
                    
  • Windows Touch UI Guideline
                    
  • UI Design & Interaction Guide for Windows Phone 7 (PDF)
                    
  • webOS UI Guidelines
                    
  • Hildon UI Guidelines for Nokia Maemo
                    
  • MeeGo UI Design Guidelines (shared by Mark Jones)

More tips on mobile web design on the Programming the Mobile Web book.

Do you know any other UI Guideline? Insert the link on the comment area.

时间: 2024-10-04 18:46:17

国外英文的移动设备网页设计UI规范的相关文章

小屏幕移动设备网页设计注意事项

在过去,小屏幕移动设备网页通常也被称之为WAP页,或WAP站.原因是这类网页起源于一个叫WAP的无线协议.WAP能够运行于各种无线网络之上,如GSM.GPRS.CDMA等.WML是无线注标语言(http://www.aliyun.com/zixun/aggregation/6155.html">Wireless-Makeup-language)的英文缩写.支持WAP技术的手机能浏览由WML描述的Internet内容. 而如今的小屏幕移动设备,比如手机,都已经 具备访问WWW的能力.其内置的

WEBJX收集国外分享视频类的网页设计案例

文章描述:视频在网页设计中的20个应用例子. 视频一直被视为一种最具力量和效果的视觉沟通工具,它能够向广大的观众传达直接而清晰的信息,用一个在视觉上具有感染力的视频来介绍产品.服务或者品牌在网页设计中正逐渐变得流行.在本文中,将分享视频在网页设计中的20个应用例子,希望能给设计者们带来创作的灵感. Vimeo Sevenly Nest Paper Pocket Letter Learner [1] [2] [3]  下一页

29个简单直观的移动设备网页设计

毫无疑问的是移动网络已经风靡世界.运行在iOS或Android智能手机,这两者提供了出色的网页浏览平台.而且这个数字仅仅是预期增加人口的平均工资增长率扩大. 然而该过程的设计和编码移动模板可以是非常乏味.我希望提供一个创造性的思路在这个画廊29个直观的手机设计.这些网站在具有特定的设备提供移动浏览器模板.     Digiti   Microsoft Creative Carlos Paterniti Design A List Apart Urban Outfitters Erskine De

移动设备网页设计:电子书翻页设计

文章描述:这篇对电子书设计的思考,源于最近的一次使用体验和讨论.习惯了 Kindle 物理键翻屏的阅读,对 Kindle Touch 的翻屏操作极不习惯(触点诱发),甚至错愕!不喜欢电子书,除了不能自由写写画画之外,更大的问题在于电子书不能给与传统书籍那样的翻阅体验,试想一手持书, 亚马逊终于在国内开始发售其 Kindle Paperwhite 电子书阅读器了,现在各种电子阅读设备和智能手机使得电子书很普及.虽然也称作书籍,但电子书和纸书的差别很大,不单是因为内容的数字化和便携化,最大的不同在于

Web UI设计命名规范 国外设计师经验谈

软件设计可分为两个部分:编码设计与UI设计.编码设计大家都很熟悉,但是 UI设计还是一个很陌生的词,即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思.UI的本意是用户界面,是英文User和 interface的缩写.从字面上看是用户与界面2个组成部分,但实际上还包括用户与界面之间的交互关系. 界面设计.在漫长的软件发展中,界面设计工作一直没有被重视起来.做界面设计的人也被贬义的称为"美工".其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点.一个友好美观的界面

移动设备的网页设计

  为移动环境而调整一个站点是巨大的挑战.许多在网页设计上的技巧及感官效果将无法在移动设备上完好呈现,反之亦然. 移动设备是以不同的限制来尝试新事物的好地方.人们访问移动网页通常不像在电脑屏幕前那样有耐心--手持设备的屏幕要小得多,而且移动网络的连接(通常是3G网络)仍然不够快. ●设计上的调整 导航 因为屏幕大小的限制,原本无所不在的菜单将无法被完全应用.如果为每个页面都直接应用上相同的菜单,访问者就必须做滚动操作,翻掉菜单才能看到内容.这会让人非常不适.所以只有当你的网站在顶部导航中有少量菜

网页设计参考:WEBJX收集绚丽多彩的网页设计案例

文章描述:国外20个绚丽多彩的网页设计作品赏. 颜色总是能吸引眼球,让东西看起来更加充满活力和吸引力,这一点同样适用于网页设计,有时候颜色可以完全改观一个网站的外观,而如何建立一个有效的色彩搭配对设计者们来说是很有挑战性的.本文就将展示出20个最新的绚丽多彩的网页设计作品,国外设计者们用丰富的色彩为这些网站创建了一个富有吸引力的外观. Charlie Brown Jr Captain day light kids tate Emigre Image festival tsto [1] [2] [

小屏幕移动设备界面设计WAP页设计注意事项

网页制作Webjx文章简介:小屏幕移动设备网页设计注意事项. 在过去,小屏幕移动设备网页通常也被称之为WAP页,或WAP站.原因是这类网页起源于一个叫WAP的无线协议.WAP能够运行于各种无线网络之上,如GSM.GPRS.CDMA等.WML是无线注标语言(Wireless Makeup language)的英文缩写.支持WAP技术的手机能浏览由WML描述的Internet内容. 而如今的小屏幕移动设备,比如手机,都已经具备访问WWW的能力.其内置的浏览器,或是第三方浏览器大多是WebKit引擎.

网页设计中最常见的30款英文字体

  关于英文字体,对我们网页设计师朋友们来说一定并不陌生,即使我们很少做英文语系的网站,但在浏览国外网站的时候,大家一定都会有或多或少的认识.其实不单单是在网页中,很多移动操作系统和浏览器中都广泛使用了今天我们即将介绍的这些字体. 想必大家也都能猜出来像 Arial.Helvetica 这种大名鼎鼎的字体肯定在里面了,那么还有什么呢?一起来详细了解一下吧! 首先,补充个小知识: 1.网页设计中的英文字体,一般有以下五类: serif(衬线) sans-serif(无衬线) monospace(等