Just My Life & My Work

Posts tagged ‘screen’

[iOS] iPhone 螢幕解析度

智慧手機近年來螢幕越大越有多人想使用,Apple一直是潮流先驅者,當然會緊跟著用戶的心意。2019年9月發布更大尺寸的iPhone,而我也在五年後,把iPhone 6換成iPhone 11[iOS] iPhone 螢幕尺寸.png

之前我也寫過iOS Support Matrix,該圖表作者在2020年表示,因為Apple發佈累積的iPhone裝置太多,已經無法簡單地繪製圖表,於是捨棄較舊的裝置來重新製作~

iPhone-Specs-Matrix-1.0-Dark

iPhone X之後的狀態列變化較大,於是要判斷手機模型來決定預留多少高度,此無最佳解,只能與時俱進囉~

參考:The Ultimate Guide To iPhone ResolutionsiOS DesignSay Hello to the iPhone Specs Matrix

[iOS] 取得導覽列與狀態列高度

iPhone機型越來越多樣,畫面設計需要考量多size,這次遇到要知道狀態列與導覽列的高度,大致上會有三種值,44 px、64 px、88 px,需要怎麼寫程式來獲取?而不必用多種判斷寫死數值。

原來只要這麼寫即可!

CGFloat topbarHeight = ([UIApplication sharedApplication].statusBarFrame.size.height +
(self.navigationController.navigationBar.frame.size.height ?: 0.0));

就乾淨俐落~

[iOS] 螢幕使用時間

自從iOS 12釋出,就多了個超好用功能-螢幕使用時間。它能統計我所使用手機的時間,比如螢幕使用時間、最常使用App、拿起手機頻率、通知頻率等。

可以發現我一整週,有14小時在玩夢幻模擬戰XD~因為是小時候的回憶,加上玩法相當新穎不會膩,所以三不五時都開起來把玩。

來看一下我最近一週的使用紀錄吧~

老實說我是個拍照狂,什麼事情都想要拍照記錄,可以說是透過影像記錄生活。於是,拿起來的時候多是要拍照囉~

終於有通知紀錄,這樣我就能知道哪個App多麽會干擾人XD~

恭喜夢幻模擬戰榮登第一名使用時間!

居然連每天把玩次數都被記錄下來啦⋯⋯

總之,這個好用的功能在於能分析自己把玩手機的狀況,希望我不會太著迷玩遊戲呀:P~

Sketch 60個設計畫面

因為小蕎流水需要接手前設計師的Sketch原稿,所以我特別測試最新的Sketch 49.1版,打開後赫然發現,總共有60個畫面!!!

Sketch上流社會60個畫面

真是佩服UI設計師可以做出那麼多畫面,也就是說若要App工程師刻出這60個畫面,將會更加有挑戰性~因為各個按鈕要跳轉到某一頁面,不同的情況會有不一樣的顯示。

Sketch 49.1

過去桌機霸橫世界時用得最多是Photoshop,現在手機引領天下後,視覺設計師多用Sketch,相信設計App畫面更加得心應手!

期待這款跨世紀社群App能盡快登場!

我的工作空間之雙螢幕

一年前試著把公司螢幕搬回家,我桌面剛好可以容納23吋螢幕,這樣工作起來格外方便順利!一邊是參考資料,一邊是實作輸入。

工作之外,一般生活可以拿來看影片、玩遊戲,大螢幕很過癮呢!

依然是老話:工欲善其事,必先利其器。

[iOS] 播放影片時特定畫面橫向

我使用第三方套件XCDYouTubeKit,就可以透過內建的MPMoviePlayerViewController來播放影片,那麼想要在特定的畫面橫向怎麼實現?因為整個App專案設定只有Portrait,也就是直向,只有在播放影片時要變成可以Landscape,就是橫向。

[iOS] 播放影片時特定畫面橫向.jpg

先前寫了篇文章:在WebView播放Youtube影片旋轉,確實可以做到。不過iOS 9之後又有稍微變化,只好改寫它囉~

(繼續閱讀…)

[iOS] iPhone Point and Pixel

隨著iOS 11的來臨,Apple發表最新一代的手機iPhone X,它的螢幕大小是iPhone有史以來最大5.8吋,所以在設計UI/UX上就要有所調整。過去的幾個螢幕大小:

  • 3.5吋
  • 4吋
  • 4.7吋
  • 5.5吋

已不成問題,因為從2014年末開始至今三年的時間,發表iPhone的機種螢幕大小是4.7吋和5.5吋,這讓設計師開發者都已習慣。

Design-Resolutions Points and Pixels

(繼續閱讀…)

[iOS] 螢幕縮放 (Screen Scale)

這篇不談程式碼,議題是使用者介面iOS 8多了螢幕縮放 (Screen Scale)功能,能「強制」將畫面放大!這對眼睛需要保護的朋友來說可是一大福音,哈~然而,對設計開發App的人卻是一大挑戰,其實是因為測試員早已把螢幕放大,來測試我們所寫的App,就會發現⋯⋯文字大小不一就算了,怎麽文字還會重疊!

iOS 螢幕縮放 Screen Scale00006

調整路徑: 設定->螢幕顯示與亮度->顯示->標準

而非: 設定->一般->輔助使用->放大文字 (繼續閱讀…)

iPhone 4/5/6 手指觸及範圍

iPhone螢幕越變越大(對角線:3.5″ -> 4″ -> 4.7″ -> 5.5″),原本一隻拇指就可以觸及大部分螢幕範圍,如今要配合其它手指使用囉~反正只是習慣的問題,早晚會適應的啦!

New iPhone Design Guide

果粉在還沒推出時就已買單,原本嫌棄它的消費者也不知不覺被感染想買了⋯⋯

這張iPhone 4/5/6 手指觸及範圍圖可以說明現行螢幕下,我們拇指所能運用的程度。

iphone-6-screen-size-realistic-usability

參考:

[iPad] 螢幕截圖

像我這樣很喜歡擷取桌面影像的人,使用智慧手機平板電腦也會習慣性想要截圖,這時候我們該怎麼辦?下圖是我從New iPad截下來的影像,螢幕解析度為1536×2048,因此想看原始圖的人可以點圖放大。

(繼續閱讀…)

標籤雲