Month: 7 月 2015

巨匠電腦分享電腦技能:想做出好PPT,你必須拋棄的4個錯誤觀念!

錚/

1507201130260.png
翊)巨匠電腦分享電腦技能:想做出好PPT,你必須拋棄的4個錯誤觀念!

「幾乎所有PowerPoint簡報都像臭掉了的雞蛋一樣,讓人難以下嚥。」行銷大師賽斯・高汀(Seth Godin)在《糟糕透頂的PowerPoint簡報》(暫譯,《Really Bad PowerPoint: and how to avoid it》)中指出,投影片是為了輔助觀眾接受你的觀點,幫助他們了解你的心情、感受和意見,如果只是做出一份詳列事實和圖表的檔案,那乾脆取消上台或會議,寫份報告送去就好。

你也曾經做出像「臭雞蛋」一樣的簡報嗎?更令人沮喪的是,這份「發臭」的簡報,很可能是你費了很大的心力,拚命地剪下、貼上「相關」資訊才完成的,結果卻讓人「難以下嚥」。

問題到底出在哪裡?你有些觀念要改,也有些原則要把握,就能改善問題。

首先,別再把投影片當成備忘稿或是補充資料大全。「投影片就是投影片,文件就是文件,如果你試著要把兩者結合,那會得到一個糟糕的結果,就是腳踏兩船,兩頭落空。」《簡報禪》作者賈爾.雷諾茲(Garr Reynolds)將這種「資料爆炸」的投影片命名為「投影件」(slideument),當你選擇在投影片中填滿一行又一行的文字,只會讓觀眾迷失在「字海」裡,聽不進你想說的話。

其次,謹記每一個簡報大師都會提到的關鍵字詞:「少即是多」「只放重點」「以圖像取代文字」。這麼做的目的,某種程度上也是為了避免「字海氾濫成災」。畢竟投影片不是文件,文件是讓人自行閱讀的,投影片則是要經由講者口述,帶領觀眾理解內容,用途不同,內容的詳盡程度自然也不同。

最後,技巧再炫、特效再怎麼吸睛的簡報檔案,如果沒有達到「傳遞訊息」的效果,也是枉然。所以,好的簡報檔理應「內容先行」,再透過版面設計或聲光效果,設法加強「內容可讀性」,讓觀眾容易吸收和理解。

簡報是動詞,指上台表述你的想法;簡報也是名詞,指承載想法的輔助工具:投影片,大多數時候我們都稱它PowerPoint或ppt。不管是「開口簡報」或「動手製作簡報檔案」,兩件事都不簡單,都需要大量的練習。

或許你更常因為要上台簡報而緊張焦慮,覺得簡報檔案「醜一點」沒關係,畢竟自己又不是什麼美術視覺專家,而且還可以動口補充說明。不過,你一定也羨慕過「好看的投影片」,更曾感受過資訊龐雜或語焉不詳的投影片所引發的不耐。當投影片幾乎已經是簡報的基本配件,即使你做不出令人驚艷的投影片,為你的簡報「加分」,至少也應該做到不讓投影片為你的簡報「扣分」,給人粗製濫造或應付了事的感覺。

這一次,我們試著從「工欲善其事,必先利其器」的角度出發,學習製作簡報檔案的技巧,目的不是「視覺效果」,而是「有效溝通」,讓你在台上做簡報時,表現得更出色、更吸引聽眾目光。

想做出好簡報,先拋棄這4個錯誤觀念!

錯誤❶:把「觀眾」當「讀者」:

在投影片裡塞滿大量文字,誤以為觀眾可以同時專心聽、專心讀。

錯誤❷:把「投影用簡報」當成「文件」:

想在口頭報告之後,再把投影片寄給觀眾,就把簡報當成文件資料來製作。

錯誤❸:把「準備資料」當成「簡報資料」:

以為放滿資訊的簡報,才能彰顯用心。

錯誤❹:把「提詞稿」當作「簡報內容」:

只害怕自己漏講了什麼,忽略了觀眾究竟能不能聽懂、聽進去。

資料來源:《簡報+》,碁峰出版

你做的是大字報,還是簡報?

在《視覺溝通》一書中,作者按照溝通的效果,提出了「投影片光譜」,將常見的投影片分為3種:文件、大字報、簡報。其中以「簡報」形式最能強化簡報者提供的訊息,建議多多使用。

1.文件:文字密密麻麻的投影片,目的是做為文件或白皮書。

一張投影片上的文字量,如果超過75個字,就該被視為文件。你可以想辦法減少字數,或直接做成一份文件,而非簡報檔。如果選擇後者,不妨把口頭報告改為討論會,事先將文件傳給與會人員,讓他們出席時可以快速進入討論階段,擬定行動方案。

2.大字報:一行行條列文字,簡報時也一條條朗誦。

如果投影片文字量已經減少到50字左右,就算是大字報。這種報告方式清楚明瞭,卻很難引人入勝,通常是沒時間準備,才會採取類似做法。由於聽眾閱讀速度會比簡報者講話的速度快,等於是先看完訊息,再等講者跟上,很容易出現「講者很遲鈍」的錯覺。

3.簡報:投影片成為視覺輔助工具,加強簡報者的訊息。

將文字圖像化的簡報,會連帶精簡文字的使用量,讓觀眾聚焦在講者身上,而不是投影幕上。最恰當的投影片,應該是成功加深觀眾對訊息的印象,又不會令人分心。不過,因為簡報上的文字少,難有提詞效果,簡報者需要投入更多時間來預演、練習。

巨匠電腦開設了電腦資訊技能課程,教你電腦的基本操作使用等等,快來巨匠電腦學電腦資訊技能,讓你快速上手!

文章與圖片出處: http://www.managertoday.com.tw/articles/view/50192

 

【電腦資訊技能課程】巨匠電腦分享,Facebook 推相片管理 App Moments

【電腦資訊技能課程】巨匠電腦分享,Facebook 測試動態訊息「See First」新功能

【電腦資訊技能課程】巨匠電腦分享,免裝軟體!「KeepVid」輕鬆下載Youtube影片!

【電腦資訊技能課程】巨匠電腦分享,10 億台裝置為目標,Microsoft Windows 10 升級已經就緒

 

巨匠電腦學員評價:即使考取Photoshop CS3 證照很辛苦,也想要努力學習更多專業

錚/

1507201120380.jpg
巨匠電腦學員評價:即使考取Photoshop CS3 證照很辛苦,也想要努力學習更多專業

不願再虛渡任何一寸光陰
就讀台灣文學系的育音,整整讀了四年的文學相關課程,卻在畢業後沒有一項專精的技能,只能選擇從事行政助理的工作;然而工作一段時間後,育音發覺這份工作欠缺前瞻性,即使工作穩定,但也沒有任何的成長空間。「可惜當初沒有早點想通,浪費了大學四年最佳的學習機會,現在的我不希望再虛渡時間」,這樣的想法讓育音下定決心,踏入巨匠開始半工半讀的日子。

滿懷感謝心,踏實學習路
提到學習的過程點滴,育音滿懷感謝之心,深怕遺漏任何一位曾經扶她一把的老師,「台大分校的青容小姐用心幫我規劃課程,常常督促我來上課,貼心地鼓勵我學習不中斷;同分校的張從風老師教導我們融會貫通,學一套課程可以接觸更多相關軟體知識,加強基礎的穩固;館前分校的周淑梅老師總是不吝分享學習的小技巧與實務經驗,讓我在考國際認證時,十分受用」跑遍各分校學習的育音,像塊海綿一樣不斷的吸收學習,臉上總掛著踏實的笑容。

快樂學習克服一路艱辛
課程結束後,育音踏入了全新專業領域-設計,從初步的了解到考取國際證照的肯定,育音沒有忘記一路走來的艱辛,「即使很辛苦,我也想要努力學習更多專業,等到未來有自己喜歡的工作機會時,我相信我已經準備好了。」抱著這樣的學習心,育音很珍惜這一份學習的快樂,也隨時準備迎接新的挑戰。

巨匠電腦開設了輔導認證課程,多種證照供你選擇,快來巨匠電腦學習,讓你一次輕鬆考取證照!

文章與圖片出處: http://www.pcschool.com.tw/campus/Default.aspx?c=9

 

【認證輔導課程】巨匠電腦認證輔導課程 讓學員在職場更吃香

【認證輔導課程見證】巨匠電腦讓學員多一張證照 也讓學員多一份就業機會

【認證輔導見證】巨匠電腦表示提升競爭力就從自身的「證照力」開始!

【認證輔導見證】巨匠電腦學員:借鏡他人努力,砥礪自己向上

巨匠電腦:想學程式設計,你怎麼能錯過這31個學 Coding 的網站

錚/

1507201056110.jpg
巨匠電腦:想學程式設計,你怎麼能錯過這 31 個學 Coding 的網站
學程式設計很重要,但在哪學比較好?

在 <大家都說要學 Coding,但我該先從哪種程式語言下手?> 一文中,我們可以知道學習程式設計的重要性,包括美國知名媒體《Business Insider》在  <The 100 Best Jobs In 2014> 一文指出美國 2014 前百大最佳職業,第一名就是「軟體工程師」,平均年薪 90,060 美金(約 270 萬台幣、70 萬港幣、11 萬新幣、30 萬馬來幣),而且相關人才需求在未來仍然持續成長。這幾年美國、亞洲也興起大量程式設計學校,像是 Hacker School、Hack Reactor、Dev Bootcamp …… 積極培養軟體人才,因應全世界的市場需求。

但是,這麼多的程式語言:Javascript、Java、Python、C、C++、C# 、Ruby、Objective – C …… , 無論你想成為 App 開發者、前端工程師、遊戲開發者等等,要去哪找這些學習語言的資源和工具,的確是很頭痛的事情。

學習 Coding 時最大的問題在於,它從來不是一件簡單的事,它需要投入很多時間而且會相當枯燥。不過我們有非常豐富的線上源和網站可以讓學習程式變成的更簡單。以下這些網站都是互動式的,在學習 Coding 的過程你可以立刻有所收穫。

以下為大家介紹的這 31 個線上學習 Coding 的資源,有專門給兒童、初學者、想成為 App 開發者、前端工程師、後端工程師、資料科學家、UX 設計師的 …… 只要你有毅力,好好定下心來運用這些資源來學習,幾個月內成為開發者、設計師完全不是難事!不信?那就親自去體驗看看吧。

1. MIT Open Courses Ware

MIT  擁有大量工程和資工相關的課程,它提供了所有的免費資源,包括考試、作業、設計和分析算法等等。

2. Mozila Developer Network 

Mozilla 為程式設計師提供了一個開發平台。你可以在這學到新的技術,也可以得到很多能幫助你入門的資源。在這裏可以幫助你學習 HTML, CSS,Javascript …… 等知識。

3. The Code Player

學習 HTML5、CSS3、Javascript 的好地方,提供有影片和 Source Code。

4. Codecademy

目前在免費網站中,最知名的應該就是它了。上面所有的程式語言課程都是免費(HTML & CSS 、jQuery、JavaScript、PHP、Python、Ruby),互動式的界面做的不錯,也有討論區可以跟別的學習者一起討論問題,每個單元結束時都會有實作的作業可以及時了解學習成效。

Codeacademy 的缺點是,單元練習時的介紹文字稍嫌簡略,對初學者來說可能不夠清楚,需要去 Google 額外的資訊來補充、理解。

建議初學者先從 Web Fundamentals ( HTML & CSS)開始,結束後再往 jQuery…… 學習。

5. Udacity

有非常棒的電腦科學基礎教育軟體開發等課程。不只是教材(講義、上課影片)完整,而且師資也都是麻省理工學院、哈佛大學、北京清華大學、Cornell 大學、Caltech 等全球頂尖資工學府的教授,值得大家參考。

6. Learneroo

通過解決挑戰來了解 Java 和一些新的技能,學習變量、循環、字符串和數組這些基本的 Java Coding 知識。

7. Koding

專屬給程式設計師的協作平台。每位使用者都有自己的虛擬主機,只要透過瀏覽器就能直接在平台上寫 Code,環境都能依照使用者的開發需求做變化。支援 JavaScript、PHP、Perl、C、Go、Python、Ruby。

8. Talent Buddy

TalentBuddy 為學習者提供了一個可以練習 C、C#、C++、Javascript、PHP、Python, Ruby 的地方,以問答的方式引導你解決學習上的問題。

9. Code Avengers

Code Avengers 上有 HTML,CSS,JavaScript 相關有挑戰性的課程,你可以學到怎樣編寫遊戲,App、網站。初學者在這裡也可以學到很多東西,做出很酷的作品。

10. Plural Sight

Pluralsight 是美國的一間線上教育服務商,提供的課程類型包括:C#、jQuery、iOS、Android、Java、 Ruby ,還有包括設計、、NoSQL、Salesforce 等等。

11.  Scratch

Scratcch 是美國麻省理工學院(MIT)的媒體實驗室(Media Lab)在 2006 年所推出,專門設計給年約 8 歲的小朋友學習的程式設計語言 ,讓小朋友以熟悉的堆積木方式更快進入程式語言的世界。另外還有一套從 Scratch 分拆出來的學習工具 ScratchJr,讓年紀更小的孩子,也能接觸程式設計。

12. The New Boston

這是程式設計師的影片分​​享網站,你可以得到你最喜歡的主題方面所有的影片或教程,包括 Ajax、C++、Java、PHP、Python、Ruby 以及更多其他的技術​​,只要是你想學的,這邊都有啦!

13.  Coder Dojo

CodeDojo 這裡對每個人都是免費且開源的。

14.  Udemy

Udemy 是初學者學習如何 Coding 的良師。在這個網站上,開發者可以找到大量的課程來增天自己的知識。

15.  TreeHouse

跟 Codecademy 的教學方式和特色不太一樣,跟 Codecademy 不同的是,它是從「你想成為哪一種設計師、開發者」幫你做全盤的課程規劃,內容也相對完整許多。

舉例來說(下圖),你可以在「Tracks」選擇想學前端設計、網頁設計、iOS 開發、Android 開發、Rails 、PHP 等等課程,有許多基本的課像是 HTML、CSS、jQuery 都會在一些 Tracks 重疊。

另外,跟 Codecademy 不同的是,在 Treehouse 有真人(知名開發者)錄製的影片穿插在課程之間。

15. Coderace

Coderace 是最受歡迎的網站之一,在這你可以輕鬆的學到設計、開發和 iOS 相關的開發技術,並通過解決遊戲挑戰來增加你的知識。

17.  Coursera

由史丹佛大學大學教授 Andrew Ng 和 Daphne Koller 創建的 Coursera。Coursera 為使用者提供的最好的線上免費課程,你可以找到全球百大名校的 625 門相關課程來學習怎樣容易地寫 Code。

18. Khan Academy

在 Khan Academy 的教程中,你可以學會如何使用 JavaScript 和 ProcessingJS 庫來創建有意思的圖畫和動畫

19. HTML5 Rocks

在 HTML5 Rocks,開發者可以學到如何使用 HTML Coding 。這裡提供了許多的教程能夠很好地幫助開發者學習。

20. Learn Python the Hardway

想學 Pyhon 嗎?來這就對了!

21. Lynda

無論你是想初次嘗試設計並創一個網站,還是你已經在設計網站方面做了很多年了,你總會從 Lynda 裡專家教授的影片課程中學到一些東西。在這裡學習使用 WordPress 或者 jQuery,CSS 設計,HTML …… 全部你要的都有!

連我 UX 設計經理朋友都在上面學設計呢!

22.  Codepen

CodePen 是一個網站前端設計開發平台。需要建立一個簡化的測試用例來演示並找出 Bug?想炫耀你的最新創作獲得稱讚?還是想為你的計劃找一個特定的設計模型?CodePen 適合你!

23.  P2PU2  School of Webcraft

到 School of Webcraft 來學習 Web 開發技術吧。

24.  Dev Opera

無論你想成為 App 開發者、前端工程師,這裡的學習資源絕對夠用。特別的是,他在開發課程上分類特別清楚。

25.  Code School

你可以方便地打開你的瀏覽器,看看教學影片和相關教程,做做挑戰性的項目,就能從 Code School 學習到 Web 技術。Code School 整合了影片,線上 Programming 和遊戲元素,為你打開了一扇學習新技術的大門!

26.  Academic Earth

Academic Earth 堅信每個人都應該獲得世界一流的教育,這些課程均來自世界頂尖的大學。現在,我們可以在課堂之外學習原汁原味、頂尖教授教學的影片。

27.  Develop PHP

DevelopPHP.com 是一個快發展中的教育系統,這裡有大量的影片和文字資料,並且 100% 免費!在這,2013 年受關注的五大技術是:HTML,CSS,JavaScript、PHP 和 MySQL。來這裡學習程式設計理論,數據庫交互,網頁設計,動畫,圖形編輯,矢量藝術,三維建模 …… 學習資源非常豐富。

28.  Bloc

在線上學習的過程中會有真人導師指導你,讓你在 2 個月的密集訓練中從新手變專家,不過要付費就是了。

29.  How to Code

從最基礎的課 HTML 到 Ruby on Rails 的教學都很完整。

30.  Bento Box

非常方便的程式設計學習入口網站,建議大家學習任何一個語言和工具前都可以先到這個網站看看。

31.  General Assembly

線上與線下課程都有的學校,內容主要 Focus 在前端設計、iOS、Android 、UX 設計上。在美國、德國、香港都有分校,畢業後提供新創公司的工作機會。

巨匠電腦設計了程式/資料庫課程,內容包含程式設計、大數據分析等等,快來巨匠電腦學程式/資料庫課程,讓你快速上手!

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

 

 

【程式/資料庫課程】巨匠電腦分享,程式設計不等同於軟體開發

【程式/資料庫課程】巨匠電腦分享,FineReport—企業級數據分析軟體最佳選擇

【程式/資料庫課程】巨匠電腦分享,職場新寵兒!大企業爭搶「數據分析師」

【程式/資料庫課程】巨匠電腦密技:9個必殺絕技殺進Big Data市場

巨匠電腦分享網路管理,提升網路資訊安全!

錚/

1507201039490.jpg
巨匠電腦教你網路管理,提升網路資訊安全!
隨著技術演變,現時網絡技術可謂日新月異,例如最常見的就是企業在考慮虛擬環境中的網絡安全問題時,或者使用虛擬化來提供安全服務時,可以選擇物理設備模式、虛擬設備模式或者組合模式。IT 團隊的工作往往是圍繞網絡、存儲和安全維護和支援工作,這些團隊所擁有的專業知識漸漸已轉變成業務、建築和工程的一個重要角色。

這些組織結構是分層的,也是標準化和流程驅動的,在環境變得高度虛擬化時,它不能與所需要的敏捷方法相契合。當一個系統管理員要負責所有虛擬化功能時,技術就顯得綜合而且抽像。儘管這些結構和 IT 類整合令全新的營運模式出現,而我們保護虛擬環境的方法並沒有和新的營運模式一起進化。 保護工作負載的最新模式

當團隊考慮虛擬環境中企業網絡安全時,或者使用虛擬化來提供安全服務時,可以選擇物理設備模式、虛擬設備模式或者組合模式:

物理設備強化安全:網絡管理員可使用虛擬 LANs 和 IP 網路由來管理物理網絡,將其進行邏輯分段。這就可以使用路由器或防火牆將物理空氣間隙和界面或基於區域的隔離結合起來。在這種情況下,會有一個專門的團隊維護獨立虛擬交換,網絡拓撲來管理虛擬主機。在同一個區域內 (物理或虛擬),一般不存在專門應用於工作負載安全方面的技術。如果工作負載企圖跨越區域邊界,通信必須經過虛擬基礎設施之外的一個物理防火牆/路由器。這就是經典的安全設計模式。

虛擬設備安全:談到虛擬設備安全時,系統管理員使用邏輯虛擬「邊緣」安全設備和放置在邏輯區域的前端工作負載集合的路由設備。這些虛擬設備 (虛擬機工作負載) 取代了物理設備,但是和所保護的工作負載更接近。當流量需要跨越區域邊界,跨越相對應工作負載的位置,在靠近一個虛擬設備的同時決定如何轉發和怎樣確保安全。在物理網絡中進行邏輯分段很方便,但是因為在虛擬網絡中很多的流量是東西走向,物理防火牆從來沒有遇到過這麼多的網絡流量。這種架構意味著這些政策僅僅只是在網絡底部的物理分離或分段中的松散組合。

物理和虛擬設備:只需結合這兩種模型,就可以提供帶有虛擬主機的工作負荷集群的邏輯分段和區域物理隔離。這種方法提供了虛擬工作負載的優化本地分割和轉發,隨著虛擬化集群被他們所提供的服務所限制,往往意味著更少的最佳虛擬化計算率。然而,這種模式獲得合規,審計和風險團隊的認可。

超級管理器中帶有安全強制的基於工作負載隔離,超級管理器和虛擬設備的組合。計劃木以後,將其附加在工作負載上,和工作負載一起穿越虛擬化結構本身,並且在超級管理器或超級管理器和集成虛擬設備的組合中執行。由於虛擬環境和虛擬化平台的集成,這種方法提供了非常高的性能,而且不管在物理或邏輯網絡中,或流動工作負載中,真正考慮到保護工作負載。

混合模式:這個模式是以上任意一個選項,或全部選項的組合。這個模式能提供一個真正平均方法,這個方法可以提供最靈活的執行能力。但是這種方法的平衡是非常復雜的。混合模式需要跨職能團隊的集成方法,而且依賴於高水平的工作流程自動化。

巨匠電腦開設了網路管理課程,內容包含各種證照,以及網路管理方法、工具等等,快來巨匠電腦學網路管理!

文章與圖片出處: https://hk.news.yahoo.com/-031814672.html

 

【網路管理課程見證】巨匠電腦培訓 退伍成為雲端新貴

巨匠電腦教你網路管理,提升網路資訊安全!

【網路管理課程見證】巨匠電腦原廠課程 蔡佳佩:提升職場競爭力

【網路管理課程】巨匠電腦網路管理培訓 打造雲端人才

巨匠電腦分享一天內完成ios App設計

錚/

1507201025390.png
巨匠電腦教你一天內完成ios App設計
上禮拜我和一群工程師參加了在香港舉辦的 AngelHack ,那是個滿奇妙的經驗。經過了一連串的討論,我們決定要開發個簡易、社區型的聊天 app ,Ripple。

待解決的問題

那天我們坐在一起,彼此分享我們的工作流程和想法,其中碰到一個相當艱難的考驗。我從共事過的對象只有少數人是工程師,而在那裡沒有簡單的管道,沒辦法馬上開一個群組聊天室,我們必須仰賴聊天工具: Facebook、 Skype 或 WhatsApp ,最終我們選了 Facebook 。所以我們先要找尋彼此的 Facebook ,接下來還要開群組聊天,但還是得努力,因為我們需要頻繁的交換意見。經過了五分鐘的開啟網頁,又五分鐘的登入手續,我們終於設定完成。這一來一往就多花了 9 分鐘又 55 秒。

另外我們原本也想用 Skype ,但在香港沒人用它;而雖然 WhatsApp 在香港非常受歡迎,但需要分享電話號碼或 E-mail ,打 E-mail 地址很麻煩,而人們又對跟剛認識的人交換電話有所顧忌。以上的這幾個工具都有同樣的問題:對新手來說,註冊手續太繁複了。如果你之前沒有接觸這類產品的話,你很難會有加入聊天的衝動。

所以我們的 app 註冊手續很簡單,提供簡易的聊天體驗。我們的目標是在使用者下載完 app 完的五秒內,就可以馬上和身邊的人開始聊天。

針對 iOS 7 的設計

這是我第一次為 iOS7 設計,但我快速選了一種風格,因為它著重裸色、漂亮的 icon 和字體。我為 Ripple 做的第一件事就是挑藍色為主色,然後我想再加一些深淺度和顏色組合,我只是下載了幾個桌布,再把它們弄糊,看看它們和藍色配部配。字體方面,我選了 Museo Sans。而 icon 我猜 PixelLove滿符合 iOS7 的設計語言。

iOS7 的設計語言

我用了 Sketch 將近一年,我很高興的說,它減少了我大約一半的設計時間,讓我能花更多時間在動畫和功能上。在程式設計的部分(我等等會分享到),我增加了更多時間。為了設計 iOS 介面和 icon ,我大多使用 Artboards ,而 The Sketch Mirror 這功能讓我在 iPhone 上能快速查看我的設計。

使用 Sketch 中的 Artboards ,以相對應的尺寸和位置輸出

註冊頁

我想要開發一套簡短的註冊流程,為了簡單起見,唯一需要的資訊是使用者名稱,但是單有名字不會創造出有趣的聊天經驗。這時候,我的靈感動到了 iOS7 的攝影機功能。我發現當你按下攝影,再切換到左下角的「照片」時,攝影頁面會瞬間變模糊。這與我的設計相呼應,成果就是在註冊頁上,放上一張背景照,該照片是模糊的版本。如果你點了螢幕上的名字,聊天鍵盤和清晰的大頭照馬上就會跳出來,就是這樣。

頁面立即跳出,大頭照和模糊的背景

聊天室

一旦你打開這款 app ,迎接你的是一連串由你附近的人,所開設的聊天室列表。如此一來,你不用擔心別人會隨便把你加進去。這就像 Airdrop 一樣,但是是一對多的連接形式。附註一下,我們也討論了使用 Airdrop 的技術快速邀請他人。

聊天頁面

聊天室本身,我則是受到了 iMessage 的啟發,它的視差效果和對話框都非常有趣。我把這個概念也用到了「分享照片」功能,一下就讓聊天室變得更有趣了。此外,我還在旁邊列出了使用者的 Facebook 或 Twitter 。

聊天室的使用者列表會顯示在訊息上方,所以你在聊天的時候還是可以查看聊天室中有誰。

一旦開始了第一次對話,你就可以輕鬆分享聯絡資料。

在這頁面中,使用者可以快速編輯自我介紹、 Twitter 、 Facebook 和 Whatsapp 。

用 Flinto 設計原型

我一定至少跟 10 個在駭客松的人提過 Flinto ,他們全都為之驚艷,使用的開發結果會真的像是個原創 app 。我設計了新頁面,我很快的將他們上傳到 Flinto ,然後與其他人交流。對於要在他們手機上測試流暢度的工程師,這的確是個很大的幫助。使用 Flinto 要將原型轉變成一個真的 app 比較容易,要跟其他人比較設計也很簡單。

使用 Flinto 五分鐘後製作的產品原型

iOS7 app

我很幸運找到了一個喜歡挑戰極限的 iOS 工程師,我很喜歡說:「我們可以做這個嗎?我們可以做那個嗎?」然後我喜歡聽到「可以、可以,當然可以。」這總是個好現象。

接著我驚訝的聽到他在工作流程中使用 Storyboard ,許多我接觸過的 iOS 工程師都一點也不想使用 Storyboard。團隊中有一個使用 Storyboard 的工程師,等同開啟了設計師和開發者間的合作,因為 Storyboard 很簡單,設計師也可以使用。這相當於設計師在使用 HTML 和 CSS,而不是開發者。


Xcode 5 中的 Storyboard ,夠簡單了。

在最後驗收成果時,我們設法展示最具挑戰性的:註冊頁和聊天室。我們使用了 Cocoapods 中的各種 library,來現場示範迷濛的圖片和視差效果。至於後台設置,我們則用了 Parse 。不幸的是,由於時間不夠,我們沒有辦法將真實數據應用到 demo app 上,無法這樣呈現給裁判。

鎩羽而歸

最後我們沒將 AppHack 的第一名獎座抱回家,但我們有被選為 26 隊中的前 9 名,想想看我們從來沒和對方一起工作過,加上我們又只有 5 小時可以整合彼此的概念,我們做的還算不錯。我覺得每個點子都滿笨的,因為之前都有人做過了,這是執行不力的問題。

許多人都對我們的註冊頁感到很有趣,而易於使用的設計也獲得不少好評,這對我們的團隊來說是個榮耀。有些觀眾還問我們什麼時候會正式發表這款 app ,這就是我要的反應,因為我設計給人用的產品。

我們會持續簡化,並跟對的人一起合作,一個簡易的 app 無法在一天完成是沒有道理的。

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

文章與圖片出處: http://www.inside.com.tw/2013/10/22/from-design-to-ios7-prototype

 

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

【APPLE實務應用課程】巨匠電腦分享,當Apple Watch不跟iPhone連線,它也不只是支Watch!

【APPLE實務應用課程】巨匠電腦:盜版iCloud網站現身,小心洩漏Apple ID!

【APPLE實務應用課程】Apple Watch改變了什麼?巨匠電腦告訴你