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)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 淋巴细胞分离液_口腔医疗器材-精欣华医疗器械(无锡)有限公司 | 蓝鹏测控平台 - 智慧车间系统 - 车间生产数据采集与分析系统 | 焦作网 WWW.JZRB.COM | 耐高温硅酸铝板-硅酸铝棉保温施工|亿欧建设工程 | 制丸机,小型中药制丸机,全自动制丸机价格-甘肃恒跃制药设备有限公司 | 液晶拼接屏厂家_拼接屏品牌_拼接屏价格_监控大屏—北京维康 | 紫外可见光分光度计-紫外分光度计-分光光度仪-屹谱仪器制造(上海)有限公司 | 谈股票-今日股票行情走势分析-牛股推荐排行榜 | 冷油器-冷油器换管改造-连云港灵动列管式冷油器生产厂家 | 炭黑吸油计_测试仪,单颗粒子硬度仪_ASTM标准炭黑自销-上海贺纳斯仪器仪表有限公司(HITEC中国办事处) | 磁力链接搜索神器_BT磁力狗_CILIMAO磁力猫_高效磁力搜索引擎2024 | 气动球阀_衬氟蝶阀_调节阀_电动截止阀_上海沃托阀门有限公司 | 空气能暖气片,暖气片厂家,山东暖气片,临沂暖气片-临沂永超暖通设备有限公司 | 洛阳防爆合格证办理-洛阳防爆认证机构-洛阳申请国家防爆合格证-洛阳本安防爆认证代办-洛阳沪南抚防爆电气技术服务有限公司 | 两头忙,井下装载机,伸缩臂装载机,30装载机/铲车,50装载机/铲车厂家_价格-莱州巨浪机械有限公司 | 大立教育官网-一级建造师培训-二级建造师培训-造价工程师-安全工程师-监理工程师考试培训 | 环讯传媒,永康网络公司,永康网站建设,永康小程序开发制作,永康网站制作,武义网页设计,金华地区网站SEO优化推广 - 永康市环讯电子商务有限公司 | 澳门精准正版免费大全,2025新澳门全年免费,新澳天天开奖免费资料大全最新,新澳2025今晚开奖资料,新澳马今天最快最新图库 | 双舌接地线-PC68数字式高阻计-ZC36|苏海百科 | TTCMS自助建站_网站建设_自助建站_免费网站_免费建站_天天向上旗下品牌 | 板式换网器_柱式换网器_自动换网器-郑州海科熔体泵有限公司 | 安平县鑫川金属丝网制品有限公司,声屏障,高速声屏障,百叶孔声屏障,大弧形声屏障,凹凸穿孔声屏障,铁路声屏障,顶部弧形声屏障,玻璃钢吸音板 | 消电检公司,消电检价格,北京消电检报告-北京设施检测公司-亿杰(北京)消防工程有限公司 | 不锈钢闸阀_球阀_蝶阀_止回阀_调节阀_截止阀-可拉伐阀门(上海)有限公司 | 电竞馆加盟,沈阳网吧加盟费用选择嘉棋电竞_售后服务一体化 | 提升海外网站流量,增加国外网站访客UV,定制海外IP-访客王 | 手机存放柜,超市储物柜,电子储物柜,自动寄存柜,行李寄存柜,自动存包柜,条码存包柜-上海天琪实业有限公司 | WTB5光栅尺-JIE WILL磁栅尺-B60数显表-常州中崴机电科技有限公司 | 井式炉-台车式回火炉-丹阳市电炉厂有限公司 | 青岛球场围网,青岛车间隔离网,青岛机器人围栏,青岛水源地围网,青岛围网,青岛隔离栅-青岛晟腾金属制品有限公司 | 旋转气浴恒温振荡器-往复式水浴恒温振荡器-金怡百科 | 颗粒机,颗粒机组,木屑颗粒机-济南劲能机械有限公司 | 自动部分收集器,进口无油隔膜真空泵,SPME固相微萃取头-上海楚定分析仪器有限公司 | 神超官网_焊接圆锯片_高速钢锯片_硬质合金锯片_浙江神超锯业制造有限公司 | 磁力抛光机_磁力研磨机_磁力去毛刺机-冠古设备厂家|维修|租赁【官网】 | 舞台木地板厂家_体育运动木地板_室内篮球馆木地板_实木运动地板厂家_欧氏篮球地板推荐 | 不锈钢水箱厂家,不锈钢保温水箱-山东桑特供水设备 | 众品地板网-地板品牌招商_地板装修设计_地板门户的首选网络媒体。 | 山东包装,山东印刷厂,济南印刷厂-济南富丽彩印刷有限公司 | 南京兰江泵业有限公司-水解酸化池潜水搅拌机-絮凝反应池搅拌机-好氧区潜水推进器 | pH污水传感器电极,溶解氧电极传感器-上海科蓝仪表科技有限公司 |