Just My Life & My Work

Posts tagged ‘screen’

Sketch 60個設計畫面

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

Sketch上流社會60個畫面

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

Sketch 49.1

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

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

廣告

我的工作空間之雙螢幕

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

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

我的工作位置雙螢幕.jpg

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

[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,因此想看原始圖的人可以點圖放大。

(繼續閱讀…)

標籤雲

%d 位部落客按了讚: