超強評價介面設計!巨匠電腦分享介面設計趨勢─動畫效果

錚/巨匠電腦課程評價好!

超強介面設計!巨匠電腦分享介面設計趨勢─動畫效果 巨匠電腦課程評價好!

動畫效果對使用者而言,是帶來獨特體驗的重要手法之一。所以我們除了關心使用者體驗、視覺設計與功能之外,也要開始注重它。2015 年的動畫效果主要有兩大趨勢,其中之一是將有更多改善傳統介面與流程的動畫工具出現,另外就是瀏覽器或裝置上的效能提升。

1508040909060.gif

為何需要動畫效果?

雖然應用動畫在互動設計中已經不是新玩意,但今年開始動畫效果將會更大量的應用於網頁、系統或app上,並帶給我們更多創意的啟發。事實上,有意義的動態效果在介面設計中可扮演許多角色,例如協助引導、提示脈絡、互動性、趣味性與愉悅感。反之,過多的動畫或不協調的轉場效果可能會破壞或失去原本好的體驗。

好的動畫效果有甚麼要點呢?在於使用者是否可藉由真實世界的行為或現象聯結產品的操作行為,如:慣性、速率(speed)、彈性或速度(velocity)。

優秀的作品常運用漸變等動態效果來傳達故事與功能。

 

動畫效果的導引原則

Google 提出的 material design guidelines 中提出這樣的觀點:開始思考動畫效果能扮演怎樣的角色,是一個改善體驗的起點。

感知物體的具體(物理)形式可幫助我們理解如何操作它。觀察物體的動作可以告知我們它是輕是重?是軟是硬?是大是小?

當我們在設計選單系統(menu system)或視覺元素時,這是一個需要關注的點。

 

物體進行移動時,應該考慮真實世界中的物理現象。

介面不應該讓人感覺明顯地機械性,要應用真實世界的運動法則,這樣有助於使用者認識數位環境並與之互動。

漸變是最基本的動畫手法之一,但一個 app 要能討使用者歡心,其效果必須是協調、不突兀的。

例如:一個選單 icon 協調地變成箭頭播放鍵,就是一個讓使用者驚喜的好方式。
這邊有幾個網站,應用不錯的動畫效果與手法,提供大家參考:

  1. Slavery Footprint
  2. Apple’s Mac-Pro
  3. Oakley’s MX Goggles

 

工具和技巧

儘管我們期待 2015 年有許多新工具的出現,但我們建議參考基礎的 Animator’s Survival Kit – 一個很棒的學習傳統動畫法則的資源。

我們使用 AE(After Effects)去呈現 UI 的操作方式與動畫效果。它可以製作出逼真的效果,來協助團隊理解完成時會如何呈現,同時也幫助我們探索更多概念。另外,也有一些快速製作原型的工具,如:Invision,此工具涵蓋基本的過場效果與動作,協助實現於你的 UI 設計。

 

後記

如何透過動畫效果,讓使用者獲得更佳的操作體驗這篇文張提出了判斷動畫效果好壞的原則:若取消動畫效果,使用者應該會感受到過程是不完整(美)的。若不會,則代表動畫效果就是多餘的。以下範例可解釋這原則。

 

1. 透過動畫效果傳達脈絡:

如果拿掉動畫,是不是會有人不知道要填電話號碼?


2. 搖頭, say No:

透過與真實世界的動作或現象做聯想,讓使用者更容易且深刻的瞭解網站所想傳達的訊息內容,如下圖透過左右擺動的動態效果來傳達使用者輸入錯誤的訊息,讓使用者馬上聯想到有人向他搖搖頭 say no,除了達到訊息的傳達以外還讓使用者印象深刻,感到良好的使用經驗!


3. 玩些小技巧:

等待總是漫長的,如何讓使用者有耐心的等待?加入一些動態效果有助於分散等待的注意力,讓等待的“感受”不是那麼的漫長,人們在等某件事時,時間過得非常慢。利用動畫效果讓使用者在等待的情況下,感覺上快一點。


4. 按鈕變化:

代表操作的狀態也改變,讓使用者可以很清楚地知道現在是什麼情況。


5. 如虎添翼的動畫:

雖然拿掉它對於功能上是沒有什麼差異的,但在使用者經驗上卻是大有差異。

這個動畫效果看起來很炫,讓使用者感到開發者追求完美並關注細節,情不自禁的會更加相信這家網站。

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

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

 

電腦新現象-電腦評價,技能,學習: 分享~ 巨匠電腦經驗談 …

個人對巨匠電腦評價~ @ Momo的萵苣:: 痞客邦PIXNET ::

巨匠電腦評價 巨匠電腦幫我追夢 – 痞客邦PIXNET

不誇張!最真實的巨匠電腦評價!巨匠電腦拯救了我的愛情 …

巨匠電腦分享5個Excel快速鍵,工作效率翻倍!高評價

錚/巨匠電腦課程評價好!

1508031103260.png
巨匠電腦分享5個Excel快速鍵,工作效率翻倍!巨匠電腦課程評價好!

你的公司裡,有超會用Excel作表單和報告的同事嗎?任何資料丟給他,都可以快速整理完畢,提出老闆想要看的成果?

與其眼紅羨慕,不如從今天起開始進行Excel修練吧!我們先不求資料分析的技術,從最基本的快速鍵學起必備函數學起,一步步墊高Excel實力,提升工作效率。以下用一份模擬表單來實際操作、逐步說明:

快速鍵1. 切換分頁:Ctrl+PageUp / Ctrl+PageDown

提升效率的第一守則,就是盡可能以鍵盤取代滑鼠,減少手部的移動。如果想在Excel內跳到不同分頁的話,請採用Ctrl+PageUp或是Ctrl+PageDown左右切換。

快速鍵2. 跳至資料的盡頭:Ctrl+上/下/左/右鍵

面對上千筆原始資料,假如把總計放在最後一列,就要不斷滾動滑鼠才能找到數值。這時可以用Ctrl+上/下/左/右鍵,馬上找到上/下/左/右的最後一筆資料,不用再滾滑鼠啦。

快速鍵3. 全選資料:Ctrl+Shift+上/下/左/右鍵

這是搭配第二個快速鍵使用,只要加入Shift,就可以選取整欄和整列資料,同樣省下不少滾滑鼠的時間。

快速鍵4. 整欄套用相同公式:連點兩下想套用公式的儲存格右下角

和你用滑鼠、按著該公式儲存格右下角的黑點往下拉一樣,可以讓Execel複製參照公式、自動計算。不過,連點兩下是告訴Excel,請把公式複製到資料最後一列,省得你慢慢拉。

快速鍵5. 改變儲存格格式:Ctrl+Shift+4/5鍵

這是最常用的的格式,數字4的鍵上有$,表示可將資料改為「金錢」單位,添上金錢符號;數字5的鍵上有%,表示可將資料改為「百分比」單位。想要整欄或整列的資料一起加上單位,請搭配Ctrl+Shift+上/下/左/右鍵使用(見快速鍵3)。

巨匠電腦開設了電腦資訊技能課程,教你電腦的基本使用例如Office、Facebook等等,快來巨匠電腦輕鬆學!巨匠電腦課程評價好!

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

 

3D多媒體動畫-巨匠電腦,評價

巨匠電腦評價看這邊就知道! – 杏鮑菇ㄉ巨匠電腦評價 – Blogger

巨匠電腦好嗎Archives | 巨匠電腦評價

電腦新現象-電腦評價,技能,學習: 經驗談>>>巨匠電腦電腦語言 …

巨匠電腦評價 學員:證照替我加分生活,調整我人生收入!

錚/巨匠電腦課程評價好!

1508031053530.jpg
巨匠電腦學員:證照替我加分生活,調整我人生收入!巨匠電腦課程評價好!

手無證照,工作面試屢屢碰壁
經濟不景氣的環境下大部份學生都面臨畢業即失業的問題,觀光系畢業的秀玫一心想從事行政類的工作,開始投履歷表面試工作時才發現,各公司、單位在篩選應徵者時,態度、能力與專長是決勝條件,而手中一張證照也沒有的情況下隨即會被淘汰出局,不願屈居於本科系工作的她,就這樣陷入進退兩難的情況。

自信的建立來自認真的學習,兩個月16張證照輕鬆到手
在詳細規劃下,秀玫開始一連串的課程進修。「回想當初我對於電腦一點概念都沒有,經過這段時間的課程學習後,我現在對於電腦硬體、網路架構已具備基本概念外,辦公室應用軟體也有一定基礎,可以靈活應用於日常生活工作中。」去年巨匠舉辦一場證照pk大賽,在老師及同學的鼓勵下,秀玫試著挑戰自己的潛力,順利征服多項考試,竟然在2個月內考取了16張證照,幸運地榮獲第四名。「手裡握著證照讓我比以往更加有自信,工作面試也順利通過,隨即在今年初找到一份薪資優渥的教職行政工作,而既有的紮實軟體基礎也同時大幅提升我在職場的工作效率。」

累積實力,不輕放每一次機會
相信證照是永遠不嫌多的,在競爭的職場上,證照就是證明你能力最好的籌碼,「回想以前總是忽略了工作規劃的部份,以致於每每轉換跑道都浪費許多時間,畢竟機會是留給已經準備好的人,輸在起跑線上就輸掉了機會!」秀玫發現學習與考照並不能困難,困難的是下定那一份學習的決心和那一股堅持的信念!

巨匠電腦設計了認證輔導課程,內容包含多種電腦證照供你選擇,快來巨匠電腦讓你輕鬆考取證照!巨匠電腦課程評價好!

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

 

搶進10億貼圖商機 巨匠電腦LINE課程爆紅 | NOWnews 今日新聞

評價高 巨匠電腦分享多功能App評估開發與設計

電腦新現象-電腦評價,技能,學習: 經驗談>>>巨匠電腦 電腦語言課程.評價

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

評價好文 人人都該學程式設計!巨匠電腦分享程式設計網站

錚/巨匠電腦課程評價好!

1508031041000.png
人人都該學程式設計!巨匠電腦分享程式設計網站 巨匠電腦課程評價好!
你相信嗎,在愛沙尼亞這個國家,每個小學一年級的學生都要學習撰寫程式語言!

MIT Media Lab 團隊的計劃執行長 Mitch Resnick 在演講中不僅展示了趣味橫生的學習網站,讓孩子能輕鬆學會電腦程式並產生興趣,更分享了他對學習撰寫程式的獨到見解!

運用科技 v.s 創造科技

俗稱「網路世代」或「N世代」的年輕族群有個較少被談論的名字:「數位原生(Digital Natives)」(註1)。這些 1980 年後出生,且成長歷程與網路、智慧型手機及平板電腦等科技產品緊緊相依的年輕族群,時常被視為擅長運用數位科技的世代。

而 Mitch Resnick 卻對這些說法提出質疑:年輕人是很會用科技產品傳簡訊、聊天、打電動沒錯,但「這可不代表你就『精通』這些科技!」

Mitch Resnick 所說的「精通科技」,並不是指人們與新科技「互動」的能力,而是「創造」新科技的能力。他形容,前者好比閱讀,後者卻像寫書一樣,不僅需要高度的創造力和表達力,也如其字面所形容的一樣,涵蓋了「寫作」的技能:想創造新科技,就必須學習撰寫程式語言!

然而,當我們聽到「程式語言」四個字,大多數人腦中浮現的都是單調而繁複的畫面:

雖然這確實是程式語言的真實樣貌,但若教學之初便以這樣的形式學習,也不難理解為何多數人對寫程式興趣缺缺。Resnick 在演講中介紹了 MIT Media Lab 所研發的軟體:Scratch,以簡易的方式體驗撰寫程式的樂趣,讓人們、甚至孩童,都能輕易的創造互動遊戲或動畫,並與世界分享!

程式語言納入小學一年級課程!

Resnick 也提到,2012 年年初,紐約市市長 Michael Bloomberg 公開表示他的新年目標就是學習撰寫程式;不久後,愛沙尼亞也通過法令,將程式語言納入小學一年級的教程中。這片「程式熱」也延燒到英國,點燃了社會各界熱烈討論:英國是否也該效法愛沙尼亞,教導六七歲的孩子學寫程式呢?

學習,並非為了成為「程式設計師」

對於學習程式語言的目的,Resnick 認為重點並非是要將所有年輕人培訓成程式設計師,而是透過學習程式語言,開拓更寬廣的學習途徑。「當你學會閱讀,你便能藉著閱讀學習更多知識,程式設計也是一樣的道理;如果你會撰寫程式,你能透過程式語言學習到的事物將更為多樣。」學寫程式就是在學習創意思考、有系統的推論、和團隊合作,而這些技能不僅在各專業領域都受用無窮,更是生活中不可或缺的能力。

放眼台灣,多數人仍將程式語言視為「程式設計師」才懂的專業領域,或是為了商業目的才學習的技能。我們有沒有可能如 Resnick 所說的,以學習閱讀與寫作的心態來學習撰程式呢?如同我們在學習一個新語言一樣,轉換語法的同時,思考邏輯和表達模式都能因而拓展,人們得以新的異國視角檢視習以為常的事物;而若我們不把程式語言歸類為「電腦」領域,而是將之視為「語言」的範疇,還有什麼會比學習「科技的語言」還值回票價呢?

以下,我們便提供了十個免費線上資源,讓人人都能自學程式設計!


1. Codecademy

Codecademy 所提供的互動式課程能讓你能從 JavaScript, HTML, CSS, Python 及 Ruby 的簡單指令開始學起,可說是目前最受推薦的自學網站。

2. Girl Develop It

針對想學程式設計的女性所創立的教學網站,使命是「讓各年齡層、種族、教育程度、收入的女性學習開發網頁和手機程式,並讓她們對自己的技能有足夠信心。」

藉由讓更多不同背景的女性學會開發程式軟體,該團隊相信能賦予女性更多的事業競爭力及日常生活的自信心。

3. Udacity

史丹佛大學建立的 Udacity 網站免費開放所有大學部的課程,其中當然也包括了電腦科學概論!

4. Code Racer

如果嫌大學課程的步調太慢,你可考慮 Code Racer 這個「多玩家程式設計遊戲」。初學者可在此用 HTML 和 CSS 架設網站,而經驗較豐富的學習者可在此測試自己的技能。

5. Computer Clubhouse

由Resnick 共同創辦的 Computer Clubhouse 目標是「幫助低收入族群的年輕人利用新科技和創意方法表達自我」。據 Clubhouse 估計,每年有超過兩萬五千名孩子在此與線上導師一同學習。

6. CoderDojo

CoderDojo 是一個由志工運作的線上課程,年輕人能在此觀看程式設計相關課程、演講等。

7. Code School

遊戲,是提升學習動機的最佳學習方式!Code School 提供各種語言的課程,也有多樣的版面設計及網頁工具,讓學習富樂趣。

8. Treehouse

Treehouse 是由上述 Code Racer 的開發團隊所設計的另一個學習網站,提供學習影片和各種練習。

9. Girls Who Code

針對 13-17 歲的女孩所設計的課程,讓女孩們追求她們的程式夢想!網站也提出了許多女性在職場及科技領域的相關數據,顯示出女性在科技領域的普遍弱勢角色。

10. Black Girls Code

如果說女性在科技領域是少數族群,那麼非裔女性的數量更是少之又少。創辦人 Kimberly Bryant 透過集結非裔女性共同學習程式設計、舉辦工作坊,期能「凸顯出科學、科技、工程、和數學領域中缺乏非裔女性的現象,並開創一個程式設計的新世代,讓每個程式設計者能在創新科技的同時,也為自己的未來增添更多可能!」

註1:「數位原生(Digital Natives)」的概念於 2001 年在《Digital Natives, Digital Immigrants》一文中被 Dr. Marc Prensky 提出,將之定義為出生於 1980 年後、善於運用科技產品的年輕人。相對的概念為「數位移民(Digital Immigrants)」,也就是出生於 1980 年之前,彷如移民般須適應新數位環境的世代。此外,媒體日後也延伸出了「數位難民」一詞,指那些不願意學習數位科技的群眾。

巨匠電腦開設了程式/資料庫課程,教你程式設計、大數據分析與應用等等,快來巨匠電腦輕鬆學!巨匠電腦課程評價好!

文章與圖片出處: http://goo.gl/n9dcmz
圖片出處: https://goo.gl/fjkl2I

視覺設計評價巨匠電腦分析師 | 視覺設計評價分析師為巨匠電腦所設立。巨匠電腦收集相關視覺設計發佈於此 …

手機APP設計-巨匠電腦,評價

手機APP設計-巨匠電腦,評價

電腦新現象-電腦評價,技能,學習: 巨匠電腦學習評價~心得分享

網路管理第一步!巨匠電帶你認識WordPress 好評價

錚/巨匠電腦課程評價好!

1508031022550.png
網路管理第一步!巨匠電帶你認識WordPress 巨匠電腦課程評價好!

WordPress是一個以PHP和MySQL為平台的自由開源的部落格軟體和內容管理系統。WordPress具有外掛模組架構和模板系統。Alexa排行「前100萬」的網站中有超過16.7%的網站使用WordPress。到了2011年8月,約22%的新網站採用了WordPress。WordPress是目前網際網路上最流行的部落格系統。

2003年5月27日,WordPress從b2/cafelog分支,由馬特·查爾斯·穆倫維格(Matt Mullenweg)和Mike Little開發。到了2011年12月,3.0版本已經被下載了超過6500萬次。

特性

WordPress具有一個帶模板處理器(template processor)的頁面模板系統(web template system)。

主題

WordPress使用者可以安裝和切換主題。主題可讓使用者不改變部落格內容和結構的情況下更改介面和WordPress站點的功能。主題可以在WordPress的「外觀」管理工具中安裝,或者通過FTP上傳至主題資料夾。也可以通過編輯主題中的PHP和HTML代碼自訂主題。

外掛模組

WordPress非常流行的一個特性是它豐富的外掛模組架構,外掛模組能使使用者和開發者擴充功能WordPress程式的功能。當前WordPress外掛模組資料庫中有超過18000個外掛模組,包括SEO、控制項等等。

多作者共同寫作和多部落格共存

在WordPress 3.0之前,儘管多個在不同目錄中的WordPress程式能被配置成使用不同的資料庫,但此時程式僅支援一次部署建立一個部落格。WordPress Multi-User(WordPress MU,或簡稱WPMU)從WordPress中分支,支援一次部署並建立多個部落格,還能夠被管理員統一管理。WordPress MU成功的使一個網站能夠建立自己的部落格社群,同時在一個控制面板中控制修改所有的部落格。WordPress MU為每個部落格建立了八個新資料表。

此後,WordPress MU合併到WordPress 3.0中。

行動裝置

WordPress在WebOS、Android、iOS(iPhone、iPod Touch、iPad)、Windows Phone和BlackBerry上都有原生應用,支援WordPress管理面板中的功能並且能夠管理WordPress.com上的部落格和用WordPress建立的部落格。

其他特性

WordPress也整合了統一的超級連結管理功能;一個為搜尋引擎而優化的永久連結(PermaLink)系統;對於文章可以進行巢狀的分類,同一文章也可屬於多個分類;支援使用標籤(Tags);能產生適當的文字的格式和樣式的排版濾鏡;Trackback和Pingback的功能,使其他網站能夠連結到文章;所見即所得的文章編輯器;生成和使用靜態頁面的功能;可以儲存存取過你的部落格的用戶清單;可以禁止來自一定IP段的用戶的存取;支援自定義固定連結,對搜尋引擎更友善。

歷史

「b2/cafelog」(通常稱作「b2」或「cafelod」)是WordPress的前身。 直至2003年5月,大約有2,000個部落格在使用它。它的作者是WordPress的開發者之一Michel Valdrighi。 b2/cafelog基於PHP語言和MySQL資料庫。儘管WordPress相當成功,但是另一個專案b2evolution也在活躍的開發中。

WordPress的首次出現就是來自於Matt Mullenweg和Mike Little合力創作的一個b2/cafelog的分支版本。「WordPress」這個名字出自Christine Selleck的主意,他是主要開發者Matt Mullenweg的朋友。

2004年由於競爭對手Movable Type的公司Six Apart修改了軟體許可証條款,很多用戶遷移到WordPress,使得它越來越受到大眾的歡迎。

2008年4月,WordPress與內容搜尋引擎Sphere合作,優先在WordPress用戶文章底部推播WordPress的內容。

到了2009年10月,開源內容管理系統市場占用率報告指出WordPress在開源內容管理系統中最為有名。

移除商業主題

2007年7月10日,因為WordPress意見論壇和Mark Ghosh部落格Weblog Tools Collection的一篇博文,Matt Mullenweg宣布官方WordPress主題目錄將不再提供商業主題。儘管這被商業主題的設計師和使用者批評,但是對於將此類主題視為騷擾的WordPress使用者還是支援了這一決定。官方主題目錄在宣告過後暫停接受新的主題,這包括了那些沒有包含贊助連結的主題。商業主題和帶贊助連結的主題仍能在第三方主題網站下載。

2008年7月18日,WordPress.org開放了新的主題目錄,將主題和外掛模組放在一起任何上傳的主題都將先被機器審查,再人工稽核。

2008年12月12日,因一些主題未遵循GPL協定,WordPress主題目錄中刪除了超過200個主題。現在,官方僅認可在主題中加入作者相關資訊,而不允許增加贊助連結或與GPL衝突的主題。非GPL授權的主題被放在了其他主題網站上。

未來

WordPress 3.0版發行之後,開發團隊採用了固定的開發周期以培養改進WordPress社群。WordPress 3.1隨後發行於2011年2月。2011年7月4日發行了WordPress 3.2。並提高了最低支援的PHP和MySQL版本。

巨匠電腦開設了網路管理課程,教你PHP、MySQL及多種電腦證照等等,快來巨匠電腦輕鬆學!巨匠電腦課程評價好!

文章與圖片出處: https://zh.wikipedia.org/wiki/WordPress

《巨匠電腦產業報》好厲害 素人貼圖紅.角色經濟創業商機 | 巨匠電腦評價

巨匠電腦老師APP達人評價學APP設計,讓人生從此不簡單 | 巨匠電腦

好評價!巨匠電腦分享Airbnb利用數據 提升推薦流量

【巨匠電腦評價】巨匠電腦分享一天內完成ios App設計