評價高!成為超厲害網頁設計師!巨匠電腦分享網站過度設計的症狀

錚/

成為超厲害網頁設計師!巨匠電腦分享網站過度設計的症狀

相信大家在網路上閒晃時,偶爾都會遇到讓您充滿疑惑,甚至是感到挫折的網站,本文列舉了許多現今大多數網站的問題。

設計問題

  • 網站上充滿著隨機的照片,裡頭要嘛就是一群正在開心工作的人,或是開心地在開會,或是有個人在用電腦。
  • 會自動輪播的照片,但你卻找不到可以控制它的按鈕。
  • 大量的動畫,淡入、旋轉或動來動去。
  • 彈出看似高級的設計。
  • 更多開心而忙碌的人們。
  • 網頁第一頁中心的大圖(Hero image)跟產品無關。
  • 每個頁面的 header 跟 footer 都長得不一樣,有各自的導覽列和 logo。
  • 網頁上藍色、畫有底線的文字卻不是超連結。
  • 字體顏色會與周圍或背景圖像融為一體。如果你想知道那適不適合閱讀,你早就該知道了。
  • 充滿創意的創新設計,而非大家習慣使用的佈局。
  • 不是過於擁擠,就是過於空曠、負空間過多。
  • 更多美美的照片。
  • 忽略可用性測試,直接打磨那些動畫和 CSS 漸層。
  • 設計過於極簡,以至於讓人不太確定那個網站是做什麼的。

1507281004100.jpg

結構問題

  • 超大的表單,上面索取的資訊不只是你的 email。
  • 同時有兩欄或三欄的內容同時在競逐你的注意力。
  • 進入畫面有自動播放影片或是背景音樂。
  • 用「聯繫我們」表單,而不直接告訴我們聯絡人的 email。
  • 好看是好看,但會讓人找不到「下一步」按鈕在哪裡。常常讓人不知道某個按鈕的作用,或是連結要連去哪裡。
  • 首頁塞進太多東西(關於我們、一覽表、最新消息、tweets、功能、優惠、合作夥伴、最新的 blog 文章。)
  • 太多事情要做了,我該註冊帳號、看更多(read more)、聯繫你們、申請優惠方案還是下載 app?
  • 沒有任何產品的截圖,到處都找不到。

文案問題

  • 「我們很棒!」或是「全世界最創新的公司」、「產業的領導者」、「專注在品質上⋯⋯」。
  • 我、我、我、我,也許跟你有關⋯⋯ 不,你眼前這個網站跟「我們」有關,講的是「我們」。
  • 充斥著一些比較弱的語言,例如「相信」、「想(think)」、「發現(find)」、「瞄準(aim)」、「努力(strive)」⋯⋯ 這些話通常只會出現在你們「還沒做到」某些事的時候。
  • 一般人(潛在顧客)看不懂的行話。
  • 列舉很多原因說明為什麼你們公司很棒,但卻不明說自己在做什麼。
  • 講了太多空洞的東西,使用者來這個網站是有目的的。
  • 使用文字進行資訊的溝通,而沒有直接呈現資訊。
  • 文案寫得超熱血,卻不告訴你賣的東西有什麼功能。
  • 寫了絕妙的文案,目的卻是娛樂使用者,而不是告訴他們有用的資訊。
  • 為什麼當你可以簡單地用「聯絡我們(Contact Us)」時,偏要自以為有創意地用「Reach Out」或「Connect」。
  • 好好寫一份公司的任務和願景文案,即便你的公司做的事跟其他幾百萬家公司一樣。

巨匠電腦開設了視覺設計課程,教你響應式跨平台網頁設計、跨界創意視覺設計等等,快來巨匠電腦輕鬆學!

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

 

補習班與我►巨匠 P.K. 聯成

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

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

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

評價高!巨匠電腦分享打造懸吊式綠建築,變身超厲害建築設計師!

錚/

巨匠電腦教分享打造懸吊式綠建築,變身超厲害建築設計師!

歷時4年、耗資24億元的高雄市立新總圖書館,已於11月15日正式開館啟用,圖書館建築由劉培森建築師事務所與日本竹中工務店團隊得標執行,以「樹中有館、館中有樹的綠建築文化地標」獲得國際評圖首獎。同時是全世界第一座懸吊式綠建築,尤其「室內無柱空間,由上往下施工」的建築工法,創下多項第一的紀錄。

1507280949460.jpg

市圖總館大樓樓高8層,另包括地下1層,佔地面積2萬平方公呎,樓板面積有3萬7千平方公尺,每層的寬闊度為67.2公尺乘67.2公尺,呈正方形。為增加可用面積容納書籍,以四柱各自獨立的鋼柱衍架支撐主結構,以懸吊樓板的方法將傳統結構柱轉換成鋼索,所營造出的「整體無柱式」空間,大幅提升圖書館內部空間之穿透性、及使用規劃彈性。
圖書館具極簡、景觀穿透性風格,融合了樹木與吊橋的概念深具巧思。在西側與南側牆面覆以植栽,各設置五尺深密林陽台,利用日照角度,能遮蔽陽光直射,更可隔絕噪音與熱能,降低室溫效果。

館內6到8樓懸吊中庭,蓋了一座可直達屋頂空中花園的巨型天井,引入大量自然光源,還有通風對流作用,節省電力耗能。屋頂空中花園鋪面採透水材質,降雨時可有效滲透地面,作為雨水儲藏系統,提供區內植栽灌溉水源,夏季亦可為一樓川堂灑水降溫。

市圖總館建築創下6項「第一」,包括「全世界第一座懸吊式綠建築」、「擁有全球最大懸吊景觀中庭」、「全球景觀穿透性最高的圖書館」、「全球首座挑高7.5公尺無柱遮蔽式廣場」、「全國首座全方位系統建築、全國最具功能彈性建築物」。

文化局長史哲表示,指出,市總圖還規劃二、三期工程,要建構30層樓的文創大樓,預估每年可以為市府進帳5000萬元權利金,以為總圖運作的後盾。


▲啟用典禮由千人齊力拉開巨大緞帶蝴蝶結,象徵獻給高雄的禮物。

巨匠電腦開設了建築室內設計課程,教你室內設計實務、Revit綠建築設計等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://www.mmag.com.tw/ad/20141118-architectural_design-1007

評價高!巨匠電腦分享成為工業設計師!誕生真正好用衣架!

錚/

評價高!巨匠電腦分享成為工業設計師!誕生真正好用衣架!

越是日常生活的小物,越是讓我們忽略它其實還有創新的可能性。衣架其實是不少設計師喜歡去另作詮釋的物品,不管是在外形或者在功能上,但沒有掛鉤的還真是少見。Flow Design 創意公司開發了一款沒有掛鉤的衣架,沒有掛鉤要怎麼掛呢?
答案是用吸的,原木製作的衣架內部藏有強力磁鐵,可吸附在大部份的金屬上面,配套好的衣架橫桿上,固定間格處會有磁力,因此只要輕輕的將衣架靠近橫桿,便能輕鬆吸附上去,別以為利用磁性就無法承受太多重量, Cliq 衣架可以承受兩公斤的重量,大部份的大衣應該都還是OK的! 例外寬面的設計,一方面增加磁力施展的範圍,另一方面可以更保護衣物的肩線部分,使其更不容易變形~

另外由於它是俱有磁性的,衣架與衣架間在吊掛,是會互相排斥的,它會乖乖的以一定的間格排排站,這是一個非常好整理衣櫥空間的設計,筆者自己的衣架常常因為掛鉤規格不同,有時候掛鉤互相重疊時,將它拆開是會令人抓狂的事情。而當你不使用要將之收納時,另一端的極性又能讓衣架彼此吸附在一塊兒~
1507280937050.jpg

巨匠電腦開設了工業設計課程,教你AutoCAD使用、Pro/E產品設計等等,快來巨匠電腦讓你快速上手!

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

 

補習人生 巨匠電腦讓我看見光明!!!

超推*巨匠電腦的JAVA課程*

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

經驗談>>>巨匠電腦 電腦語言課程

好評價!巨匠電腦分享Facebook牆面恢復清新實用22招

錚/

1507291130460.jpg
巨匠電腦教你Facebook牆面恢復清新實用22招
老是覺得 Facebook 演算法把自己的動態消息搞得烏烟瘴氣,根本看不到自己覺得重要的資訊嗎?其實只要用對方法,你是可以「使喚」Facebook 為你創造出最有價值的動態消息,同時,也能在資訊洪流之中,建立你自己的個人品牌。

曾在微軟任職的 Robert Scoble,是個非常熱忱的資訊傳教士,他並不開設粉絲頁,而是直接把自己的 Facebook 變成公開的資訊集散地,至今累計了 64 萬人追蹤。日前他分享了 22 個罕為人知的小技巧,讓自己擺脫廢文,將 Facebook 變成實用且有效率的資訊集散地,甚至人脈網絡。即使 Facebook 對您而言仍是私密園地,還是可以參考文中篩選資訊的方法。(原文置於最後)

1. 分享三篇在 Facebook 上自己覺得有意思的 po 文,如果是好友的小孩,你就會看到更多各種小孩的照片,如果有關科技或創業,你也會看到更多類似的主題。

2. 書寫五則關於類似主題的原創想法,你會看到更多相似主題出現在塗鴉牆上。我記得,當我發出 Napa 地震的 po 文,30 秒內我的塗鴉牆就被地震新聞淹沒。大多數時候我寫的都是關於科技的新聞,分享的都是創業家的影片,所以我的塗鴉牆充斥滿滿的科技與創業內容。

3. 在你所能容忍的範圍內,開放愈多隱私選項愈好,特別是最好讓外人追蹤(follow)你,而不是非得加好友才能建立聯繫。接著發出一些公開訊息,你會發現原來有許多未曾知曉的讀者存在。很多人都過度注重隱私了,因為其實每則訊息都有獨立的隱私設定,你依然可以發表只讓家人看到的訊息。

4. 確保你的個人資料頁面保持在最新的狀態,而且資訊公開。同事或朋友才能輕鬆找到你。

5. 把每個好友分別歸類在「摯友(close friends)」與「點頭之交(acquaintance)」,這會讓你的動態消息大幅改善。(我用了很多人的帳號實驗,還沒遇過無效的。)

6. 從不在 Facebook 上貼文,或者跟任何好友互動的好友,刪除他們,以讓你的貼文擴散得更多更遠。因為訊息發出之後最初,Facebook 只讓少數人看到,觀察他們是否有所反應。如果你有朋友從未按讚、分享、不留言、不貼文,他們正在傷害你的訊息擴散程度。

7. 你自己當然也要記得按讚、留言、分享其他人的訊息,這會影響你往後看到的內容。

8. 把你不想看到的訊息隱藏。像是我隱藏了自拍照、語錄、惡搞圖、所有讓我變笨的東西。從此 Facebook 真的幫我減少很多看到那些內容的機率。(每則訊息都有「我不想看到」的選項,按它就是隱藏它。我每天都會隱藏很多訊息,動態消息也真的變得愈來愈好看。)

9. 取消追蹤話太多的好友,就算他是你真實生活中的朋友或家人,你的動態消息會變得清新許多。你還是可以藉由「摯友」或「點頭之交」的清單看到他的訊息,如果你有執行第五點的話。

10. 每個月至少檢查一次你的活動頁面,確認你拒絕了你不會參加的活動,你想參加的活動也都按了參加,這樣這些活動才會散播出去,讓可能也有興趣的好友看到。

11. 每個月至少檢查一次 Facebook 的設定,確認它們保持一致,這在手機上尤其重要。我發現只要我刪掉又重新安裝 app,這些設定又會回到預設值。找時間研究一下每個設定的不同。

12. 啟動所有安全功能包括二步驟驗證,大家都覺得自己不會被駭,所以毫不在意。但是若有一天輪到你,就欲哭無淚了。電子信箱或其他社群網站都順手設定一下吧。

13. 如果想在 Facebook 上結交新朋友,先確定自己發了至少 10 則公開訊息,而且都是關於你自己或你的熱情所在。如果根本都是自拍照,沒什麼人會想接受你的好友申請(公開訊息裏面一點科技或創業成分都沒有的陌生人,我是不會接受他們的好友申請的。)

14. 別讓其他人隨便在你的塗鴉牆上張貼訊息,除非經過你的允許。很多經常在其他人牆上貼文的人通常內容都很古怪,而且很可能是有違規則的文章。

15. 好友清單至少有 400 人,少於這個數字的人,大概無心經營 Facebook。

16. 如果你想跟一個好友清單超過 5000 的人當朋友,先確定自己跟對方的共同好友至少要有 50 人。要加普通人為好友,最好也先提示對方,你們是怎麼認識的,彼此也最好有 5 個共同朋友,免得對方以為你是垃圾帳號。

17. 大多數 Facebook 上的訊息都不會自動出現在你面前,如果你想看到更多特定好友的訊息,每週至少點進他們的個人頁面一次,而且多跟他們的訊息互動。更好的做法是,建立清單,點進清單裡面,就會看到清單內所有好友的所有發文。你的動態消息只會出現被 Facebook 複雜的演算法操控的幾則訊息。大致而言,我的貼文每10 則可能只會有一則會被你看到。所以如果你是我的忠實讀者,就多多拜訪我的個人頁面,讓 Facebook 知道你很在意我的發文。

18. 在手機上,開啓 Facebook 定位功能。這不只讓「附近的朋友(Nearby Friends)」功能得以作用,而且也會讓動態消息上出現更多從你所在位置發出的訊息。

19. 想好好經營 Facebook,就直接在 Facebook 的網站上發訊息,別從 Twitter 或其他社群網站自動轉發,社群管理工具 Buffer、Hootsuite 也一樣,這對你的 Facebook 百害而無一益。

20. 沒事多留言,多留言沒事。我比較喜歡跟既會發文,又不吝留言的人,況且多跟別人互動,也會讓更多人看到你的訊息。

21. Facebook 左邊分成很多列表,粉絲專頁、社團、好友、app,活動等等,游標移到每個列表下的選項,左邊都會出現一個齒輪,可以讓你把它放置到「最愛」,每次進到 Facebook,都可以更直覺的點選清單,發揮最大功用。

22. 經營 Facebook 要用心如做菜,你不會在煮好一盤義大利麵後,卻不放醬汁吧。如果你的 Facebook 全部都是你孩子的照片,那就像索然無味的義大利麵一樣。你總有除了孩子以外的嗜好吧?那些一天到晚只放自拍照的也一樣,你只愛你自己嗎?還是只放動物的,你只對動物有興趣嗎?用惡搞照洗版的,你確定你希望自己在別人眼中是這種形象嗎?若想結交聰明的朋友,也要要求自己也能有些值得別人學習的地方。

巨匠電腦設計了電腦資訊技能課程,教你電腦基本應用如Facebook、Office等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://www.inside.com.tw/2015/06/18/22-facebook-tips

 

【電腦資訊技能課程】巨匠電腦告訴你:Android手機版Office正式推出

【電腦資訊技能課程】巨匠電腦分享,Facebook實名制是為了保護用戶安全

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

【電腦資訊技能課程】巨匠電腦分享,美加 4 國率先開放,無Facebook帳號也能註冊Messenger

好評價!巨匠電腦分享設計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課程】巨匠電腦:App開發三大設計趨勢你知道了嗎?

【手機APP課程】巨匠電腦分享科技心理學:讓人成癮的 App 設計學

【手機APP課程】巨匠電腦新資訊:蘋果手表App設計原則─少就是好

【手機APP課程】巨匠電腦分享,10種不同類型的移動UI設計模式