標籤彙整: app設計

巨匠電腦 評價ios8優劣 App設計陷阱 秘訣

巨匠電腦評價 / CHU
1508060914210.jpg
App設計秘訣 巨匠電腦分享ios8 App設計陷阱
就在不久前,大家興奮的觀看完蘋果深夜發表毫無意外驚喜的 iPhone 6 與話題性的 Apple Watch 後,沒過幾天,FB 上面 iOS 開發者的朋友,許多人都收到了一封令人意外而且恨的牙癢癢的 Email,開頭通常是這樣的:

Hello 開發者,

Your app 孕婦瑜珈 – Squat deeper , jump higher ! (你的 APP 名字)has been reviewed, but we are unable to post this version. For details, or to directly contact the App Review team, visit the Resolution Center in iTunes Connect. Do not reply to this email.

Regards,

App Review

對,是的,你被 Reject 了。

被 APPLE Reject 的原因是 iOS 開發者的月經文話題,但最近這次卻是因為「在 iOS8 上無法正常啟動」這鳥原因。

我說庫克老兄啊,貴司這不是玩我們嘛,倒是在發表前給我支 iPhone 6 當開發機啊!

後來一些資深的開發者朋友語重心長的跟我們分享經驗,在預測 APPLE 有可能發表新機的那一個月,送審要有被退的覺悟。(問題是要怎麼預測啊?)

一連串兵荒馬亂之後,我們陸續完成了重新送審的申請,但在這個過程發現一些狀況,特別分享給近期將送審的開發者朋友們參考,特別是你有不得不趕緊上架的行銷時程 … …

  • 畫面尺寸的陷阱,見鬼的 1080p 是一場騙局

在這邊我們要怒吼一下,APPLE 為了 iPhone 6 plus 的 5.5 吋物理尺寸,而在實際顯示時,其實是偷偷將畫面縮小了。所以設計師們,讓 1080p x 1920p 解析度見鬼去吧,你真正在 Photoshop 要做稿的尺寸是 1242px x 2208 px(特別是送審用的截圖要做成此畫面尺寸)。

詳細的說明請參考 PaintCode 一文:iPhone 6 Screens Demystified
我懂你懶得看英文,附上對岸親切的簡中版:【原】iphone6 来了,我该做点什么

  • 更新你的 Xcode

近期送審時都需要使用 Xcode GM 版,但有些災情顯示會需要更新 MAC OS(但我們沒有),退件的一個理由可能是「在 iOS8 加 iPhone5s 下功能無反應」(這就是見鬼的地方,之前哪來的 iOS8 給你測)。

此問題目前用新版 Xcode 重新 build 過,在模擬器上看起來會正常,但送審會怎麼樣,只有老天跟 APPLE 會知道。

  • 鼓起勇氣再次送審

關關難過關關過,只有繼續送審才會知道結果,就像創業一樣,產品上了才會知道。
從此以後,iOS 開發者也開始品嚐從前嘲笑 Android 多尺寸畫面的苦果,歡迎來到多尺寸的世界,開發者的頭,豈止於大

送審的路上,一切 Good luck.

巨匠電腦開設了手機APP設計課程,教你iPhone、Android應用程式開發與應用、使用者介面設計等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://goo.gl/0fCmRE
想要學: 手機APP課程

巨匠電腦評價是補習班中最讚歐-我的試聽旅程 – 咖哩分享不 …

網路管理-巨匠電腦,評價

視覺設計-巨匠電腦,評價

巨匠電腦評價超高!師資一級棒! – 程式-資料庫評價巨匠電腦 …

評價好!App設計秘訣 巨匠電腦分享ios8 App設計陷阱

錚/

1508060927140.jpg
翊)App設計秘訣 巨匠電腦分享ios8 App設計陷阱
就在不久前,大家興奮的觀看完蘋果深夜發表毫無意外驚喜的 iPhone 6 與話題性的 Apple Watch 後,沒過幾天,FB 上面 iOS 開發者的朋友,許多人都收到了一封令人意外而且恨的牙癢癢的 Email,開頭通常是這樣的:

Hello 開發者,

Your app 孕婦瑜珈 – Squat deeper , jump higher ! (你的 APP 名字)has been reviewed, but we are unable to post this version. For details, or to directly contact the App Review team, visit the Resolution Center in iTunes Connect. Do not reply to this email.

Regards,

App Review

對,是的,你被 Reject 了。

被 APPLE Reject 的原因是 iOS 開發者的月經文話題,但最近這次卻是因為「在 iOS8 上無法正常啟動」這鳥原因。

我說庫克老兄啊,貴司這不是玩我們嘛,倒是在發表前給我支 iPhone 6 當開發機啊!

後來一些資深的開發者朋友語重心長的跟我們分享經驗,在預測 APPLE 有可能發表新機的那一個月,送審要有被退的覺悟。(問題是要怎麼預測啊?)

一連串兵荒馬亂之後,我們陸續完成了重新送審的申請,但在這個過程發現一些狀況,特別分享給近期將送審的開發者朋友們參考,特別是你有不得不趕緊上架的行銷時程 … …

  • 畫面尺寸的陷阱,見鬼的 1080p 是一場騙局

在這邊我們要怒吼一下,APPLE 為了 iPhone 6 plus 的 5.5 吋物理尺寸,而在實際顯示時,其實是偷偷將畫面縮小了。所以設計師們,讓 1080p x 1920p 解析度見鬼去吧,你真正在 Photoshop 要做稿的尺寸是 1242px x 2208 px(特別是送審用的截圖要做成此畫面尺寸)。

詳細的說明請參考 PaintCode 一文:iPhone 6 Screens Demystified
我懂你懶得看英文,附上對岸親切的簡中版:【原】iphone6 来了,我该做点什么

  • 更新你的 Xcode

近期送審時都需要使用 Xcode GM 版,但有些災情顯示會需要更新 MAC OS(但我們沒有),退件的一個理由可能是「在 iOS8 加 iPhone5s 下功能無反應」(這就是見鬼的地方,之前哪來的 iOS8 給你測)。

此問題目前用新版 Xcode 重新 build 過,在模擬器上看起來會正常,但送審會怎麼樣,只有老天跟 APPLE 會知道。

  • 鼓起勇氣再次送審

關關難過關關過,只有繼續送審才會知道結果,就像創業一樣,產品上了才會知道。
從此以後,iOS 開發者也開始品嚐從前嘲笑 Android 多尺寸畫面的苦果,歡迎來到多尺寸的世界,開發者的頭,豈止於大

送審的路上,一切 Good luck.

巨匠電腦開設了APPLE實務應用課程,教你iPhone應用程式開發與應用、Mac視覺創意設計等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://goo.gl/0fCmRE

 

我在巨匠電腦學到很多東西

感謝巨匠電腦 我跟我女友要結婚了

聯成和巨匠電腦怎麼比。從電腦課程看比比

巨匠電腦vs聯成電腦 巨匠電腦好!

評價好!App設計秘訣 巨匠電腦分享ios8 App設計陷阱評價好!

錚/

1508060914210.jpg
App設計秘訣 巨匠電腦分享ios8 App設計陷阱
就在不久前,大家興奮的觀看完蘋果深夜發表毫無意外驚喜的 iPhone 6 與話題性的 Apple Watch 後,沒過幾天,FB 上面 iOS 開發者的朋友,許多人都收到了一封令人意外而且恨的牙癢癢的 Email,開頭通常是這樣的:

Hello 開發者,

Your app 孕婦瑜珈 – Squat deeper , jump higher ! (你的 APP 名字)has been reviewed, but we are unable to post this version. For details, or to directly contact the App Review team, visit the Resolution Center in iTunes Connect. Do not reply to this email.

Regards,

App Review

對,是的,你被 Reject 了。

被 APPLE Reject 的原因是 iOS 開發者的月經文話題,但最近這次卻是因為「在 iOS8 上無法正常啟動」這鳥原因。

我說庫克老兄啊,貴司這不是玩我們嘛,倒是在發表前給我支 iPhone 6 當開發機啊!

後來一些資深的開發者朋友語重心長的跟我們分享經驗,在預測 APPLE 有可能發表新機的那一個月,送審要有被退的覺悟。(問題是要怎麼預測啊?)

一連串兵荒馬亂之後,我們陸續完成了重新送審的申請,但在這個過程發現一些狀況,特別分享給近期將送審的開發者朋友們參考,特別是你有不得不趕緊上架的行銷時程 … …

  • 畫面尺寸的陷阱,見鬼的 1080p 是一場騙局

在這邊我們要怒吼一下,APPLE 為了 iPhone 6 plus 的 5.5 吋物理尺寸,而在實際顯示時,其實是偷偷將畫面縮小了。所以設計師們,讓 1080p x 1920p 解析度見鬼去吧,你真正在 Photoshop 要做稿的尺寸是 1242px x 2208 px(特別是送審用的截圖要做成此畫面尺寸)。

詳細的說明請參考 PaintCode 一文:iPhone 6 Screens Demystified
我懂你懶得看英文,附上對岸親切的簡中版:【原】iphone6 来了,我该做点什么

  • 更新你的 Xcode

近期送審時都需要使用 Xcode GM 版,但有些災情顯示會需要更新 MAC OS(但我們沒有),退件的一個理由可能是「在 iOS8 加 iPhone5s 下功能無反應」(這就是見鬼的地方,之前哪來的 iOS8 給你測)。

此問題目前用新版 Xcode 重新 build 過,在模擬器上看起來會正常,但送審會怎麼樣,只有老天跟 APPLE 會知道。

  • 鼓起勇氣再次送審

關關難過關關過,只有繼續送審才會知道結果,就像創業一樣,產品上了才會知道。
從此以後,iOS 開發者也開始品嚐從前嘲笑 Android 多尺寸畫面的苦果,歡迎來到多尺寸的世界,開發者的頭,豈止於大

送審的路上,一切 Good luck.

巨匠電腦開設了手機APP設計課程,教你iPhone、Android應用程式開發與應用、使用者介面設計等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://goo.gl/0fCmRE

巨匠電腦讓我這樣的菜鳥都可以成為動畫師啦!

去巨匠學動畫,菜鳥也可以出頭天!XD

推!退費經驗分享 感謝巨匠電腦

巨匠電腦退費經驗分享

評價讚!巨匠電腦分享,穿戴式科技輔助醫療訓練、醫療器械操作

錚/

巨匠電腦分享,穿戴式科技輔助醫療訓練、醫療器械操作

穿戴式運算較一般常規的筆記型電腦、桌上型電腦等運算設備來說,主要特性是具備了行動運算能力。這些智能設備可能整合感測器、多媒體加速器、可撓性電子顯示器、GPS衛星定位晶片、VR虛擬實境應用、生物識別功能等。而穿戴式裝置的特性,更已成為醫療訓練、醫療器械操作的有力工具…

整合穿戴式運算應用的優點相當多,對於特殊行業亟需科技整合的應用特別具吸引力,例如高危險度的高空作業,若需要電子運算設備搭配高空操作,即可將運算功能以配戴方式設置在身上,雙手可以騰出進行高空操作;而在智慧醫療現場,也可協助醫師在雙手忙於診療或手術動作時,提供用藥資料、病例歷史、案例資訊,即時進行更精準的治療決策。

1507220910590.jpg

附標:智能眼鏡醫療輔助用途備受矚目

醫療專業人士的培訓過程不同於一般產業,需要大量的操作練習與實務訓練,但手術、診斷等進行多數僅能透過低效率的實習、住院醫生訓練程序進行,因此實習醫師、護理人員的實務操練的學習機會相當少,而透過新穎的VR虛擬實境穿戴應用設備,則可模擬趨近真實的演練環境,對於培訓醫事人員可提供一定程度的助益。

Google Glass等智能眼鏡設備的出現變了人機介面與運算訊息、資訊呈現的形式,因為運算硬體平台甚至是資訊接取平台已經微縮到眼鏡架尺寸與重量,顯示屏透過投影技術,可在不影響配戴者視野的情境下進行外部訊息接收;操作介面除透過右側鏡架觸控區輕點、滑移操控外,也可利用語音進行操作,這對於進行醫療程序中的醫護人員可以更清晰地進行參考病例查詢、醫囑資料庫輔助參照,甚至是連接上醫療機構本身的人員、醫材調度系統,讓整體醫療效率大幅提升。這些,都是智能眼鏡在醫事現場可以應用的場景,也因此智能眼鏡在醫療、教學的相關應用發展,也最為熱門。

附標:VR虛擬實境設備改善實習效率

另一個有趣的醫療穿戴應用即為虛擬頭盔,其中以Oculus Rift VR頭盔發展與週邊應用最令市場關注,2012年8月Oculus Rift VR頭盔由Oculus公司擺上Kickstarter眾籌平台公開募資,雖然Oculus Rift VR頭盔一開始以遊戲VR虛擬實境應用為訴求推展市場,但實際上Oculus Rift VR頭盔的延伸應用則為這款產品最受市場重視的關鍵。

先檢視Oculus Rift VR頭盔在群眾募資平台創下的紀錄,Oculus Rift VR頭盔在一個月內即獲得9,000多名消費者贊助研發專案、並募得243萬美元眾籌資金!檢視Oculus Rift VR頭盔的初期規格其實並不搶眼,硬體架構為兩組640 x 800解析度的顯示屏幕,透過光學透鏡系統搭配錯視畫面立體化的原理,將雙眼視覺合併雙屏螢幕形成一1,280 x 800的顯示VR畫面,搭配VR頭盔內置陀螺儀感測器讓VR應用可隨著用戶擺頭、轉向即時對應模擬畫面,搭配其支援DVI、HDMI、Micro USB等多元輸入介面支援,吸引用戶爭相參與募資。

而Oculus Rift VR頭盔成功的關鍵重點在於,以往這類配置陀螺儀、可提供高度沉浸式使用體驗的虛擬視覺裝置,產品與系統單價相當高,並非一般人所能接受,而Oculus Rift VR頭盔將價格有效壓低獲得市場用戶支持,甚至在2014年3月Oculus公司還獲得Facebook高達20億美元的總價購併,其後Facebook又接續收購RakNet遊戲引擎將其轉為開源平台,積極建構以Oculus Rift為應用基礎的應用平台,甚至計畫要將VR視覺技術融入Facebook社群服務的一環,讓市場更積極關注VR設備可能為穿戴應用帶來的市場機會。

附標:VR虛擬實境技術 醫學教學價值高

同樣的產品概念,除Oculus Rift VR頭盔產品外,Sony也推出一款Project Morpheus頭戴式虚擬頭盔設備,Project Morpheus內建1080p主流顯示解析度面板,應用分隔雙眼的放大光學機構,可讓用戶感受到逼真的3D環境沉浸效果,頭盔本身搭配動態感測與光學感測機制藉此精確定位佩戴著的頭部動作變化、即時對應改變虛擬實境的3D場景,提供配戴者身歷實境的3D影音感受。

對Oculus Rift、Project Morpheus這類VR頭盔來說,配置動態感測器、陀螺儀甚至是光感測器,其目的主要為主動或被動偵測配戴著的視角變化、進而介入控制VR實境畫面的對應視角變化,讓原有固定屏幕的3D視覺效果進階到有如身歷實境、走入虛擬現實的應用場景,而這種VR技術其實就是穿戴應用的整合應用實例,VR頭盔運用積極微縮、輕量化的嵌入式系統、顯示系統、光學透鏡系統與動態感測系統整合,建構出可以配戴在使用者頭上又不至於產生壓迫感與配戴重量負擔的顯示設備。

附標:HoloLens切入教學應用市場發展

相同的概念Microsoft也推出HoloLens虛擬實境裝置,HoloLens為Microsoft發佈Windows 10展示的擴增實境技術,甚至在2015年的E3電玩展展出透過HoloLens玩Minecraft的應用情境,用戶可透過HoloLens VR頭盔裝置遊戲或教學應用,有別於Oculus Rift、Project Morpheus僅感測用戶頭部擺動,HoloLens還能更進一步處理用戶手勢指令判讀、或透過聲控指令進行系統操作。

為了推展HoloLens的教學應用,Microsoft還準備5個獎項、每個獎項均提供多達10萬美元、兩組HoloLens開發硬體與系統作為種子激勵獎金,積極募集VR頭盔在教學、全信息操控應用,Microsoft更冀望於HoloLens顯示裝置可在數據可視化、遠端網路教育、互動藝術、前衛的人機互動介面等應用領域的實用價值。

巨匠電腦開設了手機APP設計課程,內容包含穿戴式雲端APP開發、行動裝置UI設置等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://goo.gl/RaczB6

 

感謝巨匠電腦讓我腦公變了

我覺得巨匠電腦比聯成電腦好

上了巨匠電腦 我真的學到了東西

巨匠電腦讓我變成動畫高手!謝謝巨匠!

巨匠電腦讓我變動畫達人!!

評價棒!增進使用者體驗 巨匠電腦分享圖形化使用者介面!

錚/

1507311111140.jpg
增進使用者體驗 巨匠電腦分享圖形化使用者介面!
近年來,許多企業除技術研發人員外,更會另有「使用者體驗設計師」的職缺(如雄獅旅遊網KKBOX),坊間更有許多課程與活動(如資策會ECX 2014),皆意欲藉由導入使用者體驗的思維,以使產品的設計能更加符合使用者所需!
那麼,何謂「使用者體驗」?
根據ISO 9241-210的定義(註一):「使用者體驗,是使用者因使用或預期使用之產品、系統或服務所產生的結果,包括其情感、信仰、喜好、認知、生理和心理反應等。」


而筆者所認為的「使用者體驗」,當在硬體產品大同小異的情況下,若要達到更佳的使用者體驗,似乎須靠軟體創意來達成!具體而言,可將其歸根「更直觀的呈現」與「更簡短的流程步驟」兩種做法!本文主要將對「更直觀的呈現」作介紹!
「圖形化使用者介面」與「更直觀的呈現」可說是息息相關,圖形化使用者介面(Graphical User Interface,簡稱GUI),即視覺化的人機互動介面,通常是由數個電腦圖像所構成之整體畫面,能供使用者直覺化地與機器互動,進而提供美好的使用者體驗,以下便舉兩個案例:

 1. Google的搜索引擎介面


Yahoo與Google的首頁介面

我們都知道Google的強項在於搜索引擎,於是相較於Yahoo首頁的七零八亂(誤),Google大膽使用減法,索性就只有斗大的Logo搭配搜尋列,使用者來此之後,便直覺性地輸入關鍵字,進行搜尋動作!而Google也對它申請了圖形化使用者介面的設計專利:

美國設計專利公告案第USD599372號的示意圖
(專利名稱:Graphical user interface for a display screen of a communications terminal,申請日期:2006/03/07)

2. Nike的慢跑App介面
 
Nike+ Running的App介面

平常喜歡跑步的,或許都用過Nike+這個慢跑App,筆者每次看到自己設定每月跑八次的任務,但打開App卻馬上發現「綠條總是大於黑條(請參閱左圖下方)」時,便鞭策自己換上跑步鞋,跑步時,更有動態之卡路里消耗圖的提示,能即時地了解運動狀況。當然,Nike針對這些GUI,也都申請有設計專利:

美國設計專利公告案第USD695756號的示意圖
(專利名稱:Display screen with graphical user interface,申請日期:2013/01/31)


美國設計專利公告案第USD675640號的示意圖
(專利名稱:Display screen with animated user interface,申請日期:2012/07/17)

台灣於2013年1月1日實施新的設計專利制度,其中,即開放圖形化使用者介面之設計保護(註二),然而,除宏達電(HTC)與宏碁(Acer)外,真正懂得運用的企業似乎不多,筆者即希望藉由以上兩個案例,以利企業了解怎樣的GUI是可以申請專利保護,重要的是,更要認知到能增進使用者體驗的GUI,才有被保護的價值!

註一:資料源自「Definition of User Experience from ISO 9241-210」一文。
註二:美國早已於1996年全面開放,中國於2014年方才適度開放,為何用「適度」又是另一段故事了。

巨匠電腦開設了手機APP設計課程,教你使用者介面設計、iPhone、Android應用程式開發等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://www.proguidescreen.com/?p=981

 

巨匠電腦!!感謝您降伏了我的野蠻女友,也讓我考到證照啦

超感謝巨匠電腦讓我通過SCJP電腦認證考試!!

巨匠電腦!!感謝您降伏了我的酸葡萄男友,也讓我考到證照 ( 幸福

謝謝巨匠電腦~讓我順利通過SCJP電腦證照考試~

評價高!巨匠電腦分享設計App原則 變身超強App設計師

錚/

1507290914130.jpg
▲ Facebook 產品設計總監 Julie Zhuo(照片來源:Rasmus Andersson

巨匠電腦分享設計App原則 變身超強App設計師
本文編譯自 〈A Matter of Principle〉,作者為 Facebook 產品設計總監 Julie Zhuo。

Julie 在文中強調,設計師做出每一個設計決策的背後,都應該要有所本,最好還要有經得起考驗的原則做支撐,而且這些原則是可以被規模化,讓團隊其他成員也能理解,不必耗費龐大的溝通成本。

每個設計背後都有一千個決定。

這個 app 的主畫面是什麼?使用者要怎麼在不同的選項之間進行導覽?Top bar 應該用什麼顏色最好?

一名好的設計師,對於每一項設計決策背後都有一個符合邏輯的解釋。

不該有任何一項決定是隨機的,畢竟,好設計的特徵就是「有意為之」。

App 的主畫面是訊息排列總覽,因為這是大多數使用者當他們開啟 app 之後最想看到的。

我們的 app 有四個主要的畫面,所以用 tab bar 會讓這四個主要畫面都很容易被發現。

Top bar 之所以是白色,是因為我們不希望它太搶戲。

一名好的設計師會讓你覺得可以詢問任何她所做的決定,其背後的原因為何,而她必定可以給你一個請楚明白的答案。

然而,實務上其實這樣很難規模化。如果真要花時間去了解設計師那一千個決定,哪怕只是一小部分,恐怕講完都要天荒地老了。

而這就是好的設計師與偉大設計師的差異所在。

你看,一名偉大設計師會從「為什麼」出發。她懂得傳達思維背後的原則,讓你了解她所有設計決策流程背後的核心價值。

Principle (noun): a fundamental truth that serves as the foundation for a system of belief or a chain of reasoning.

原則(名詞):可作為信仰系統或邏輯鏈的一個基本道理。

老實跟你說吧,我以前是最懷疑這種「把原則都列出來」說法的人。無論何時,只要有人開始在簡報中談起那個東西的效果,我就會整個人倒進椅背,想著:「好極了,讓人點頭如搗蒜的文字攻勢又要開始了。」我只想趕快直指事務的核心,好好地談談真正的設計。

我不應該看輕那些詞語,但事實是,他們還真沒幾個是好的。

我們的設計應該要簡單。

我們的設計對使用者來說應該要做到不言自明。

我們的設計應該要好看。

跟各位一樣,我也想舉手說:「抱歉喔,我寧願自己的設計很複雜、有附上指引,還會傷眼。」那些過於廣泛或是過於明顯的原則,很可能有講跟沒講一樣,毫無意義。這些原則對於最重決策一點幫助也沒有,也不能讓團隊成員步調一致、清楚明白什麼才是重要的東西。

另一方面,一組好的設計原則應該要是這樣:

  1. 能夠解決那些圍繞在特定設計決策周圍的實際問題。
  2. 要能套用到整個層級的設計決策,包含我們今天想得到的東西,以及那些未來才會出現的問題。
  3. 對於「為什麼?」的解釋,要考量以人為本,不僅要讓設計師明白,對於非設計師的人來說也要能簡單易懂。
  4. 你對事情的觀點、排出的優先順序,一個理性的人可以不同意。
  5. 要能搭配圖像範例,展示出該原則要如何套用到特定的決策。

需要範例嗎?蘋果公司的 Human Interface Guidelines 和 Google 的 Material Design Guidelines 對於各自設計系統的解釋就做得很棒,同時也彰顯出了好的設計原則其影響力可以有多大。想像一下,如果蘋果跟 Google 的終極目標都是要確保那些高品質的 app 在各自平台上看起來都像渾然天成,因而讓自家的設計團隊與一個個主要外部的開發者見面、聽取回應,那這跟我們前面提過的,兩名設計師一對一討論那一千個設計決定有何不同?那樣是行不通的。

與其依賴守門人去維持設計品質的高標,不如以一個比較小、大家都能認同的指導原則組合,這樣一來,就能在一致的規範下做出最佳決策,還能擴張到更多的決定、讓更多的設計師參與。

所以,下次當你要分享自己的設計時,或甚至在你談到設計之前,先花一點時間,把原則定義清楚。

我們相信,與人溝通最重要的原則就是要快、但又能將分歧降到最少。

為了做到這樣,我們會採納熟悉系統設計模式,這樣一來人們就不需要再學習新東西——標準的 table view、tab bar navigation⋯⋯ 我們不會光憑一人大膽用色或是詭異的動畫實驗就把東西套到產品上。對於一般人會用到的功能,我們會努力讓他們能夠在一、兩次的點擊內就完成。

好的原則是經得起考驗的,他們有份量、有一股必然性。什麼看起來是對的、什麼感覺起來是好的——這些都只是表面的東西。一名偉大的設計師在捍衛自己的工作時,靠的是原則,是那些能夠持續做出一個又一個決策、成千的個決定,不會隨風搖擺的原則。

巨匠電腦開設了手機APP設計課程,內容包含iPhone、Android應用程式開發、使用者介面設計等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://www.inside.com.tw/2015/06/24/a-matter-of-principle

 

感動!巨匠電腦讓我跟白目男友和好了!

不誇張!巨匠電腦拯救了我的愛情~

感謝巨匠電腦 改變了我朋友一生

大推!巨匠電腦 政府補助揪甘心~

評價高!巨匠電腦讓你變身App設計高手!

錚/

1507280912120.jpg
巨匠電腦讓你變身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+個,真正實現了大螢幕顯示更多內容的理念。這些就需要設計師給出相應設計稿。

巨匠電腦開設了手機APP設計課程,教你iPhone、Android應用程式開發與應用、UI使用者介面設計等等,快來巨匠電腦讓你快速上手!

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

 

分期付款好貼心 推!巨匠電腦的課程!

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

經驗分享*巨匠電腦~感受不錯喔!

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

 

好評價!巨匠電腦分享介面設計師愛用的iPhone App─POP

錚/

巨匠電腦分享介面設計師愛用的iPhone App─POP
最近,宣佈社群平台戰略後的LINE,又新出了幾款相關的遊戲應用,而其中使用LINE角色當遊戲元素的LINE POP,更是特別吸引使用者目光的一款。不過,現在要介紹的同名iPhone應用POP,則是一款由台灣團隊Woomoo開發,截然不同的App。

儘管是為程式設計介面,紙跟筆兩位好夥伴,在畫草稿時,依舊是許多設計師愛用的黃金組合。不過,如果想實際展示介面的運作,還是得靠數位工具,將示意的架構流程,轉化成動態的介面原型,才能方便討論跟溝通─但POP的出現,這個步驟也許將變得輕鬆許多。

1507291033150.jpg   

POP正如其名─紙上的原型展示(Prototyping on Paper),利用iPhone將草稿拍照,便能針對照片任意區塊(比如某按鈕圖示),設定欲執行的動作─連結到目的頁面(另一張示意草稿介面),而一切都能在iPhone上觸控完成,從此以後,介面設計師再也不用擔心嘴巴講不清楚,也不用再費另一番功夫,卻只是製作示意用的介面原型,更棒的是,POP還能「分享」成果,甚至可以直接在分享的連結網頁上,自行「試用」介面。

   

不過,目前只出了iPhone App的POP,雖然要用作較大螢幕的介面示意也行,最適合的,當然還是手機介面─尤其iPhone為佳,未來如果能支援優化平板、電腦等較大螢幕的介面,想必是更多介面設計師的福音。

巨匠電腦設計了APPLE實務應用課程,教你iPhone App的開發與實務應用、Mac視覺創意設計等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://www.meetclub.tw/article/view/id/25463

 

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

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

【APPLE實務應用課程】巨匠電腦新資訊:蘋果手表App設計原則─少就是好

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