Tag: apple課程

評價高!巨匠電腦讓你變身iPhone App設計高手!一份設計稿支持多個尺寸!

錚/

1507280924550.jpg
巨匠電腦讓你變身iPhone App設計高手!一份設計稿支持多個尺寸!

app開發中多種設備尺寸適配問題,過去只屬於Android陣營的頭疼事,只是很多設計師選擇性地忽視android適配問題,只出一套iOS平臺設計稿。隨著蘋果發佈兩種新尺寸的大屏iPhone 6,iOS平臺尺寸適配問題終於還是來了,行動設計全面進入“雜屏”時代。看看下面三款iPhone尺寸和解析度資料就知道螢幕有多雜了。

加上Android生態中紛繁複雜的各種奇葩尺寸,現在APP設計開發必須考慮適配大、中、小三種螢幕。所以如何做到交付一套設計稿解決適配大中小三屏的問題?設計和開發之間採用什麼協作模式?一個基本思路是:

1、選擇一種尺寸作為設計和開發基準;

2、定義一套適配規則,自動適配剩下兩種尺寸;

3、特殊適配效果給出設計效果。

手機淘寶的iPhone 6/iPhone 6 Plus適配版本即將提交App store審核。先曬一下我們採用的協作模式,再慢慢說明原委。

第一步,視覺設計階段,設計師按寬度750px(iPhone 6)做設計稿,除圖片外所有設計項目用向量路徑來做。設計定稿後在750px的設計稿上做標注,輸出標注圖。同時等比放大1.5倍生成寬度1125px的設計稿,在1125px的稿子裡切圖。

第二步,輸出兩個交付物給開發工程師:一個是程式用到的@3x切圖資源,另一個是寬度750px的設計標注圖。

第三步,開發工程師拿到750px標注圖和@3x切圖資源,完成iPhone 6(375pt)的介面開發。此階段不能用固定寬度的方式開發介面,得用自動佈局(auto layout),方便後續適配到其它尺寸。

第四步,適配調試階段,基於iPhone 6的介面效果,分別向上向下調試iPhone 6 plus(414pt)和iPhone 5S及以下(320pt)的介面效果。由此完成大中小三屏適配。

為什麼選擇iPhone 6作為基準尺寸?

當面對大中小三種螢幕需要適配的時候,很容易想到先做好一種螢幕,再去適配剩下兩種螢幕。第一個決定是到底以哪種螢幕作為設計和開發的基準尺寸。我們選擇中間尺寸的iPhone 6(750px/375pt)作為基準,基於幾個原因:

1、從中間尺寸向上和向下適配的時候介面調整的幅度最小。375pt下的設計效果適配到414pt和320pt偏差不會太大。假設以414pt為基準做出很優雅的設計,到320pt可能元素之間比例就不是那麼回事了,比如圖片和文字之間視覺比例可能失調。

2、iPhone 6 plus有兩種顯示模式,標準模式解析度為1242×2208,放大模式解析度為1125×2001(即iPhone 6的1.5倍)。可見官方系統裡iPhone 6和iPhone 6 plus解析度之間就存在1.5倍的倍率關係。很多情況下這兩種尺寸可以用1.5倍直接等比適配。

3、1242×2208這個奇葩的數值是蘋果官方都不願意公開宣傳的一個解析度,不便於記憶和計算柵格。640×1136雖然是廣泛應用的一個解析度,但是大屏時代依然以小尺寸為設計基準顯然不合時宜,設計師會停留在小屏的視角做設計。

所以,iPhone6的750×1334是最適合基準尺寸。

只交付一套設計稿,預設用什麼規則來適配?

前文提到適配策略是先選擇iPhone 6作為基準設計尺寸,然後通過一套適配規則自動適配到另外兩種尺寸。這套適配規則總結起來就一句話:文字流式,控制項彈性,圖片等比縮放。

控制項彈性指的是,navigation、cell、bar等適配過程中垂直方向上高度不變;水準方向寬度變化時,通過調整元素間距或元素右對齊的方式實現自我調整。這樣螢幕越大,在垂直方向上可以顯示更多內容,發揮大螢幕的優勢。

按照上述預設適配規則,大中小三種螢幕顯示效果均相同。有時候想在大螢幕顯示更多內容,需要設計出特殊適配效果。比如App store首頁焦點圖,從iPhone 6適配到iPhone 6 plus時焦點圖尺寸和排版做了特殊處理。底下應用列表也從一排3+個變成一排4+個,真正實現了大螢幕顯示更多內容的理念。這些就需要設計師給出相應設計稿。

巨匠電腦開設了APPLE實務應用課程,教你APPLE應用程式開發與實務應用、Mac平面視覺創意設計等等,快來巨匠電腦讓你快速上手!

文章與圖片出處: http://youxiputao.tw/articles/3145

 

拯救表弟大作戰!推薦給他巨匠電腦課程,收穫良多捏他!

與表弟的心得交流*真的還好有巨匠電腦 讓他對生活開始有希望

巨匠電腦給了我一個機會去找到另一個自己(轉圈^__^)

選擇自己喜歡的學習方式就是最好的-巨匠電腦心得分享

評價好!巨匠電腦:盜版iCloud網站現身,小心洩漏Apple ID!

錚/

1507141050590.jpg
上圖為正確的蘋果iCloud網站,下圖則是有心人士架設的盜版iCloud網站。網友們要張大眼睛仔細瞧囉。(取自iCloud與文中盜版網站截圖)

巨匠電腦:盜版iCloud網站現身,小心洩漏Apple ID!

還記得2014年下半年不少好萊塢女星艷照洩漏的事件嗎?當初蘋果雲端服務─iCloud被指為可能的禍首之一,這事件應該目前還有不少人記憶猶新。根據《硬是要學》網站報導,近期網路上出現了盜版iCloud網站,並被有心人士利用。如果你擁有Apple ID(iOS系統的個人帳號)的話,請小心留意不要外洩,可以的話也可加強密碼的安全性。

該網站的作者之一指出,近日收到朋友所轉寄的訊息,提醒有詐騙簡訊流傳。簡訊內容指出使用者的Apple ID被盜,邀請使用者盡速攔截此情況,並引到使用者前往某一網站來進行登入。但若仔細瞧,該流傳的簡訊是引導使用者到「http://www.apple-icluid.com」去更新Apple ID,很明顯這個網站是盜版的蘋果iCloud網站(連iCloud這個字都拼錯了,正確網址是http://www.icloud.com)。再來,該盜版網站的字體是簡體字,而正式的iCloud網站則都是繁體中文;第三點可疑之處就是,盜版網站除了可以登入Apple ID之外,網站其餘的超連結都無法點擊。

很明顯,以上盜版iCloud網站就是個釣魚網站,要吸引你輸入你的Apple ID帳密。由於Apple ID可以登入iPhone/iPad,還可使用iCloud等服務,若是被盜,對於果用戶而言將是很嚴重的事情,因此提醒大家要小心,看見疑似詐騙簡訊請小心查證,而如果簡訊內容還引導你到其他網站,請更提高警覺,在三查證再進行下一步也不遲!(中時電子報)

巨匠電腦另外也開設了APPLE實務應用課程,內容包含iPhone App應用程式開發、Mac平面創意視覺設計等等,快來巨匠電腦讓你輕鬆上手!

文章與圖片出處: http://www.chinatimes.com/realtimenews/20150704001408-260412

 

【APPLE實務應用課程】巨匠電腦分享,Apple Pay的下一步 ─ 消費者互相支付

【APPLE實務應用課程】設計師為何都用Mac?巨匠電腦告訴你

【APPLE實務應用課程】巨匠電腦新資訊:Apple Music結合iTunes Match功能

【APPLE實務應用課程】巨匠電腦分享,2015蘋果設計大獎:真正有意思的App

巨匠電腦:Apple、Samsung 齊聲呼籲淘汰SIM卡

錚/

1507231020160.jpg
巨匠電腦分享,Apple、Samsung 齊聲呼籲:淘汰SIM卡吧!
Apple近年將SIM卡的尺寸越改越細,在iPad Air 2推出時更是直接將SIM內置在機身內,並給予新名稱叫做「Apple SIM」。近日再有報導指出,Apple跟Samsung不約而同地跟各地的電訊商恰談中,要求放棄傳統一張SIM只對應一間電訊商的做法,推出e-SIM服務。

e-SIM 就是Apple SIM的構念,直接將各地方各家電訊商的檔案設定預先載入手機或各類行動裝置中,用家在切换電訊商時不需要像現在這様麻煩將大小不一的SIM卡换來换去。

這種免SIM卡的做法其實早就有,即是香港十多年前的CDMA年代。因為當年只有和記電訊提供此制式,所以就不用换SIM的做法。如今的手機要求設計得簿,雖然nano SIM已經很細,但可以的話還是淘汰掉更為直接,使用者亦免除不停更换卡的麻煩。

巨匠電腦設計了APPLE實務應用課程,除了教你APPLE產品使用外,還有Final Cut Pro數位影音大師等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://qooah.com/2015/07/17/apple-samsung-e-sim/

 

巨匠電腦分享,蘋果產品設計考慮到中國消費者喜好

巨匠電腦分享,Apple、Samsung 齊聲呼籲:淘汰SIM卡吧!

巨匠電腦Mac小技巧,讓你立馬變身成為 iMovie 剪刀手

巨匠電腦教你一天內完成ios App設計