pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

IOS平臺設(shè)計規(guī)范

   一、UI的控件概述:

IOS平臺設(shè)計規(guī)范 三聯(lián)

  1、框架UI的元素分為4類:

  A:欄:狀態(tài)欄目和導(dǎo)航欄的結(jié)合體;

  B:內(nèi)容視圖:應(yīng)用顯示的內(nèi)容信息,包括相關(guān)的交互行為,例如滾屏、插入、刪除等操作進(jìn)行排序;

  C:控制元素:產(chǎn)品行為或顯示的信息;

  D:臨時視圖:臨時向用戶提供重要的信息,或提供額外的功能和選項。

  2、框架UI的尺寸:

02

  3、圖標(biāo)icon的尺寸:

03

  二、UI的布局概述:

  1、可點擊對象的區(qū)域:尺寸不要小于44*44px;

  2、將重要的內(nèi)容和功能放在權(quán)重高的位置,將重要的元素放在前半屏比較好,對于閱讀習(xí)慣從 左到右的用戶來說,更貼近屏幕左側(cè)位置容易引起關(guān)注的;

  3、利用視覺表現(xiàn)形式的權(quán)重和平衡,尺寸較大的元素具有更高的權(quán)重,對于尺寸較小的元素來 說,更能吸引目光,看上去更加重要;

  三、UI的模態(tài)情景概述:

  1、模態(tài):一種用來承載特定內(nèi)容、功能或體驗的模式,有其自身的優(yōu)缺點。它可以幫助用戶完 成某些任務(wù),或在不受干擾的情況下獲取信息,但會暫時性的強迫用戶停止與應(yīng)用其他部分 的互動;

  2、保持模態(tài)任務(wù)的簡單、簡短、易聚焦:不要將模態(tài)視圖打造的好像是嵌在應(yīng)用當(dāng)中的迷你應(yīng)用;

  3、始終提供一種明顯而安全的退出方式:要確保用戶在退出模態(tài)視圖時,能夠?qū)酉聛硪l(fā)生的 事情有明確的認(rèn)知;

  4、使用警告框來傳遞那些必不可少的重要信息,通常還要提供可執(zhí)行的功能選項。

04

  四、UI的手勢交互概述:

05

  A:通過點擊(tap):按壓或選擇一個對象;

  B:通過拖拽:滾屏或移動對象(將從界面的一邊移動到另一邊);

  C:通過滑動(flick):快速滾屏或移動對象;

  D:通過一個手指輕掃(swipe):可展現(xiàn)更多內(nèi)容,例如:列表的刪除按鈕,從界面頂端展開通知中心;

  E:通過雙擊(double tap):可將內(nèi)容放大置于屏幕中間,主要是放大和縮小的轉(zhuǎn)換;

  F:通過雙指漲開(pinch open)或閉合(pinch close):對內(nèi)容進(jìn)行放大或縮小;

  G:通過長按(touch and hold):在可編輯或可選擇的文字上顯示放大鏡,用來定位光標(biāo);

  H:通過搖晃(shake)機身可執(zhí)行撤銷或重做的操作。

  五、UI的動畫概述:

  1、漂亮而精致的動畫效果遍布于ios各處,它們使應(yīng)用體驗更具動態(tài)性,更加吸引人,精細(xì)而恰 當(dāng)?shù)膭赢嬓Ч梢裕?/p>

  A:傳達(dá)狀態(tài)

  B:增強用戶對于直接操作的感知

  C:通過視覺化的 方式向用戶呈現(xiàn)操作結(jié)果

06

  2、盡可能與ios內(nèi)置的應(yīng)用的動畫模式保持一致:人們已經(jīng)習(xí)慣內(nèi)置應(yīng)用當(dāng)中各種精妙的動 畫效果,實際上,用戶往往會將內(nèi)置應(yīng)用當(dāng)中的動效看作一種體驗的標(biāo)準(zhǔn),例如切換視圖時的 平滑過渡效果,切換橫豎屏?xí)r的流暢反饋,或是能表現(xiàn)出各種物理效果的滾屏動畫等等,這些 都逐漸成為了人們預(yù)期當(dāng)中的一部分。

  六、UI的字體概述:

  1、字體是ios7設(shè)計的關(guān)鍵,大多數(shù)操作都是點擊文字或點擊圖標(biāo),按鈕也會有,但是占的比重很小;

  2、蘋果的默認(rèn)字體是Helvetica Nenu,一種纖細(xì)簡單的文字,但那不是你唯一的選擇;

  3、Ios7的字號稍微加大了,主要由于它的用途,而且文字之間的層級關(guān)系至關(guān)重要,利用顏色 和不同的粗細(xì),來保持文字的布局和UI元素的清晰易懂。

  4、蘋果字體規(guī)格說明:

  A:導(dǎo)航欄標(biāo)題:medium 34px;

  B:按鈕和表頭:light 34px

  C:表格標(biāo)簽:Regular 28px;

  D:Tab頁圖標(biāo)標(biāo)簽:Regular 20px

【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現(xiàn)照片墻3D效果的示例代碼,可以實現(xiàn)鼠標(biāo)經(jīng)過圖片實現(xiàn)改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現(xiàn)文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 金属管浮子流量计_金属转子流量计厂家-淮安润中仪表科技有限公司 | 齿辊分级破碎机,高低压压球机,立式双动力磨粉机-郑州长城冶金设备有限公司 | 申江储气罐厂家,储气罐批发价格,储气罐规格-上海申江压力容器有限公司(厂) | 温控器生产厂家-提供温度开关/热保护器定制与批发-惠州市华恺威电子科技有限公司 | 「安徽双凯」自动售货机-无人售货机-成人用品-自动饮料食品零食售货机 | 散热器-电子散热器-型材散热器-电源散热片-镇江新区宏图电子散热片厂家 | 杭州顺源过滤机械有限公司官网-压滤机_板框压滤机_厢式隔膜压滤机厂家 | 导电银胶_LED封装导电银胶_半导体封装导电胶厂家-上海腾烁 | AGV叉车|无人叉车|AGV智能叉车|AGV搬运车-江西丹巴赫机器人股份有限公司 | 铝板冲孔网,不锈钢冲孔网,圆孔冲孔网板,鳄鱼嘴-鱼眼防滑板,盾构走道板-江拓数控冲孔网厂-河北江拓丝网有限公司 | 合肥弱电工程_安徽安防工程_智能化工程公司-合肥雷润 | 手表腕表维修保养鉴定售后服务中心网点 - 名表维修保养 | 陕西自考报名_陕西自学考试网 | 臭氧老化试验箱,高低温试验箱,恒温恒湿试验箱,防水试验设备-苏州亚诺天下仪器有限公司 | 环保袋,无纺布袋,无纺布打孔袋,保温袋,环保袋定制,环保袋厂家,环雅包装-十七年环保袋定制厂家 | 工控机-工业平板电脑-研华工控机-研越无风扇嵌入式box工控机 | 光伏家 - 太阳能光伏发电_分布式光伏发电_太阳能光伏网 | 全自动实验室洗瓶机,移液管|培养皿|进样瓶清洗机,清洗剂-广州摩特伟希尔机械设备有限责任公司 | 深圳APP开发_手机软件APP定制外包_小程序开发公司-来科信 | 杭州|上海贴标机-百科| 土壤养分检测仪|土壤水分|土壤紧实度测定仪|土壤墒情监测系统-土壤仪器网 | 辐射色度计-字符亮度测试-反射式膜厚仪-苏州瑞格谱光电科技有限公司 | 高压负荷开关-苏州雷尔沃电器有限公司 | 神超官网_焊接圆锯片_高速钢锯片_硬质合金锯片_浙江神超锯业制造有限公司 | 煤矿支护网片_矿用勾花菱形网_缝管式_管缝式锚杆-邯郸市永年区志涛工矿配件有限公司 | 今日热点_实时热点_奇闻异事_趣闻趣事_灵异事件 - 奇闻事件 | 大型冰雕-景区冰雕展制作公司,3D创意设计源头厂家-[赛北冰雕] | 专业深孔加工_东莞深孔钻加工_东莞深孔钻_东莞深孔加工_模具深孔钻加工厂-东莞市超耀实业有限公司 | 酵素生产厂家_酵素OEM_酵素加盟_酵素ODM_酵素原料厂家_厦门益力康 | 大数据营销公司_舆情监测软件_上海SEO公司-文军营销官网 | 液氮罐_液氮容器_自增压液氮罐_杜瓦瓶_班德液氮罐厂家 | 购买舔盐、舔砖、矿物质盐压块机,鱼饵、鱼饲料压块机--请到杜甫机械 | 垃圾处理设备_餐厨垃圾处理设备_厨余垃圾处理设备_果蔬垃圾处理设备-深圳市三盛环保科技有限公司 | 带式过滤机厂家_价格_型号规格参数-江西核威环保科技有限公司 | 南溪在线-南溪招聘找工作、找房子、找对象,南溪综合生活信息门户! | 胜为光纤光缆_光纤跳线_单模尾纤_光纤收发器_ODF光纤配线架厂家直销_北京睿创胜为科技有限公司 - 北京睿创胜为科技有限公司 | 澳洁干洗店加盟-洗衣店干洗连锁「澳洁干洗免费一对一贴心服务」 干洗加盟网-洗衣店品牌排行-干洗设备价格-干洗连锁加盟指南 | 自动化生产线-自动化装配线-直流电机自动化生产线-东莞市慧百自动化有限公司 | 龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司_龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司 | 退火炉,燃气退火炉,燃气热处理炉生产厂家-丹阳市丰泰工业炉有限公司 | 根系分析仪,大米外观品质检测仪,考种仪,藻类鉴定计数仪,叶面积仪,菌落计数仪,抑菌圈测量仪,抗生素效价测定仪,植物表型仪,冠层分析仪-杭州万深检测仪器网 |