fbpx

《AppCross電子書速習手冊》新增Retina範例說明

by 小雲
8 瀏覽

在我的新書裡面的2-32頁中,我有提到過AppCross僅支援iPad 1024×768的大小,然而在我的新書付梓之時,資策會那邊終於完成了iPad Retina格式(2048×1536)的支援,這個AppCross最大的問題終於解決了實在是可喜可賀,但是卻是打了我自己一巴掌,所以我覺得有必要在這邊放一下更新說明。

說起來AppCross是個更新速度很快的套件,我也不知道我可以持續更新多少次,總之就盡力而為了,在這裡先補充一些有關Retina所帶來的改變。

支援Retina帶來的最大好處是當你使用Retina顯示器的iPad(或是Android平板),那些原本是模糊的的文字都會變成清晰的樣子!但是同樣地會給使用者帶來一些困擾,例如因為解析度變高了,所以原本相機拍的照片尺寸不夠大,需要使用更高階的解析度拍照,可能會讓使用者需要更換更好的DSLR,同時需求的畫質變高,檔案就變大,在我製作的這一個範例時,想要使用Wi-Fi預覽已經變得沒辦法,因為檔案變太大!檔案容量暴增,不僅是對編輯者可能造困擾、上架後的App過大也是有可能的一個隱憂。

因為解析度變高,所以原本的字級大小也要跟著配合改變,我在書中4-5頁提到至少要16~18pt以上的字體才適合當作內文閱讀,在Retina版本時,字體至少就要放大兩倍以上,不然顯示起來就像縮小的文字⋯⋯

會造成的影響大概就這些,基本上本書的範例都是以一般iPad尺寸進行設計,在練習時不會有什麼問題。不過如果讀者要進行Retina版本的設計時,就要參考一下上面提到的修正進行補正。

這裡提供一個筆者今天以Retina版本製作的AppCross電子書,範例內容與輸出檔(zip)都上傳到我的「BOX好康分享>01教學分享」中,如下圖所示,有興趣的人可以下載來看看。

螢幕快照 2014-05-31 下午7.45.36.png  

在這個範例中,僅提供indd檔,連結素材就不附了(因為檔案很大),讀者可以套用自己的圖片來練習。開啟之後的indd內容如下,這個範例用到了兩個AppCross效果,一個是「可捲動內容」、一個是「互動按鈕」。頁面左下方的那八張小圖就是「互動按鈕」,這個很容易理解,而右邊的文字框是「可捲動內容」這也很容易理解,最特別的是,在頁面中央的地方我隱藏了一個水平「可捲動內容」,就是淺橘色箭頭所指示的位置,這是從資策會提供的範例中得到的靈感,就是當讀者在那個淺橘色箭頭位置往右拉,就會拉出一張圖片內容,再往左拉可以把圖片隱藏回去,就像是一種櫃子的變化,很有趣,請大家一定要嘗試玩玩看~

Retina_new.png 

indd檔裡的畫面配置

IMG_0154.PNG

這是在iPad Air上面看到的電子書畫面,文字部分終於不是糊了(超感動!)

IMG_0155.PNG

當我從畫面中間上方處往右拉,就可以把一張隱藏圖片拉出來,也可以再把他拉回去

IMG_0156.PNG

點選下方的互動按鈕,就會顯示該圖的放大顯示,以及相關的文字說明

IMG_0157.PNG 

這是另外一張互動按鈕點下去的畫面

相關文章

留下建議

我的作品

Cropped Cropped P1060991.jpg

@2022 – All Right Reserved. Designed and Developed by PenciDesign