中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術(shù)設(shè)計 > 設(shè)計理論 > 手機(jī)與顯示器的差距是如何產(chǎn)生的
表格設(shè)計你要知道的 回到列表 淺析Banner設(shè)計
 手機(jī)與顯示器的差距是如何產(chǎn)生的

作者:百度MUX 時間: 2011-11-16 文檔類型:合作網(wǎng)站提供 來自:百度MUX

手機(jī)和顯示器的區(qū)別僅僅是一個大、一個小么?顯然不是這樣的,細(xì)心的手機(jī)用戶一定都會發(fā)現(xiàn)同樣一張圖片或者照片在手機(jī)上和顯示器上看,“看起來”的大小是不一樣的,甚至是相差懸殊的,這事怎么回事呢?

從參數(shù)上來說,顯示器的尺寸是:21英寸,分辨率是:1680×1050,手機(jī)的尺寸是:3.7英寸,分辨率是:480*800。簡單對比發(fā)現(xiàn),很顯然二者并不是簡單的根據(jù)尺寸或者分辨率的倍率來拉伸放大縮小的。

二者之間存在一個轉(zhuǎn)換關(guān)系……

做過印刷品設(shè)計的人都會知道在印刷上有個dpi(dots Per Inch)的參數(shù),是用來描述指單位面積內(nèi)像素的多少,dpi越小,掃描的清晰度越低。那么,在數(shù)碼時代,我們依然有個參數(shù)叫做ppi(pixels per inch),用來來描述每英寸所擁有的像素數(shù)目,它是圖像分辨率的單位,圖像ppi值越高,畫面的細(xì)節(jié)就越豐富。所以ppi就是顯示器于手機(jī)屏幕顯示差異的根本所在。

ppi與屏幕尺寸以及分辨率的轉(zhuǎn)換關(guān)系可以用數(shù)學(xué)公式為:

通過計算可以得出示例中的手機(jī)的ppi為252,而顯示器的ppi則為90,手機(jī)屏幕的ppi是顯示器的2.8倍。簡單來說,就是,在手機(jī)上看到的圖像放大2.8倍就相當(dāng)于在顯示器中看到的效果;或者說在顯示器中看到的圖像縮小1/2.8倍(約等于36%)就相當(dāng)于在手機(jī)中看到的效果。

ppi的引入如果就為了得到這個數(shù)值?那么就不值得我們這么關(guān)注它了,因為如果稍加嘗試,你就會發(fā)現(xiàn),如以上數(shù)據(jù)所說,將電腦上圖像縮小到36%,雖然看起來圖像的面積跟在手機(jī)上看到的差不多,但是實際圖像中的內(nèi)容早已糊成一團(tuán)了。

那么ppi這個參數(shù)的意義何在呢?

通過分析這個數(shù)學(xué)公式我們可以了解到ppi是與屏幕的分辨率和屏幕尺寸有關(guān)系的,那么如果我們有了這三組值中的任意兩組就可以得到另外一個了。

比如,我們從iso人機(jī)界面指導(dǎo)手冊中我們了解到ios有一些通用原則:可點擊元素的最小尺寸是44×44px。那么我們可以通過計算出ppi然后推導(dǎo)出在iphone上44px的最小尺寸對應(yīng)的屏幕尺寸是多少了。

根據(jù)前面的 計算公式,我們很容易得到 Iphone 3GS 的ppi的值為164

那么最小點擊區(qū)域的44×44px的區(qū)域的ppi也等于164;

所以,將公式反推就可以得到iphone 3GS的最小點擊區(qū)域的實際尺寸為0.38in。

我們知道1in=25.4mm,所以iphone 3GS的最小點擊尺寸在物理屏幕上的尺寸為:0.38*25.4=9.6mm

其實一般來說,我們得到的數(shù)據(jù)更多的是這樣的: windows phone 推薦點擊區(qū)域為9mm,最小7mm,元素之間的距離最小7mm ;Nokia:推薦不小于1cm(0.4″)的點擊區(qū)域。最小值為:食指點擊7×7mm/1mm間距,拇指點擊8×8mm/2mm間距,列表選項之間有5mm間距……。由于不同終端機(jī)型的分辨率和屏幕尺寸是不相同的,所以大多數(shù)廠商更愿意定義更加直觀和實際的物理尺寸來指導(dǎo)我們的設(shè)計(ios之所以直接定義成像素值,那是因為他們自己既是硬件廠商又是軟件廠商,所以機(jī)型的分辨率的完全在他們的控制中)。

Nokia 5230為例:

…………

有了這樣的一些數(shù)據(jù),就使得我們開發(fā)觸屏手機(jī)上的軟件的時候,就變得有據(jù)可依,同時也對手機(jī)顯示和顯示器顯示的差異能夠有個很好的掌握。

ppi只是個參數(shù),它更是一座橋梁,將手機(jī)和顯示器關(guān)聯(lián)了起來了,讓我們的設(shè)計可以更加精確和有的放矢。

原文:http://mux.baidu.com/?p=1538

本文鏈接:http://www.95time.cn/design/doc/2011/8657.asp 

出處:百度MUX
責(zé)任編輯:bluehearts

相關(guān)文章 更多相關(guān)鏈接
手機(jī)產(chǎn)品設(shè)計趨勢(1):精致實用的界面
手機(jī)產(chǎn)品設(shè)計趨勢(2):推送
Photoshop繪制真實的黑莓手機(jī)
別具風(fēng)格的手機(jī)GUI作品
小談分辨率
作者文章
淺析Banner設(shè)計
手機(jī)產(chǎn)品交互設(shè)計樣式
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大福“敬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計欣賞
情感化界面
線下項目工作流程(歸納篇)
線下項目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2