Category: 電腦新鮮事

巨匠電腦分享,Google釋出專供網頁設計使用的Material Design Lite!

錚/

巨匠電腦分享,Google釋出專供網頁設計使用的Material Design Lite!

Material Design Lite內含的元件包含按鍵、文字區域、提示與選單等,強調基於開發人員熟悉的CSS、HTML與JS等技術打造,針對擁有眾多文字的網站進行最佳化,涵蓋行銷頁面、文章或部落格,此外,Google也已建置多款回應快速的樣版來示範MDL網頁。

1507230959200.jpg

Google在去年發表了Material Design設計語言,企圖統一在不同尺寸裝置的設計風格,初期主要應用在Android環境,不過Google本周釋出鎖定網站設計的Material Design Lite(MDL)。

Material Design的概念在於融合先進技術及設計經典準則,強調可讓介面更具立體效果,還有大膽的用色、動畫與即時UI陰影等設計。Google表示,如果開發人員對於使用CSS、HTML及JavaScript等網路技術來打造Material Design經驗感興趣,那麼就可考慮MDL。

Google說明,即使現在已有許多由社群主導的Material Design選項,但當要把Material Design部署到網站時仍存在著許多缺口,與其尋思如何修補這些缺口,Google選擇與Material Design團隊合作打造一個可同時相容於現代及未來變更需求的Material函式庫。

MDL所內含的元件包含按鍵、文字區域、提示(tooltips)與選單(spinners)等,強調是基於開發人員所熟悉的CSS、HTML與JS等核心技術所打造,並針對擁有眾多文字的網站進行最佳化,涵蓋行銷頁面、文章或部落格,此外,Google也已建置多款回應快速的樣版來示範MDL網頁。

以MDL所設計的網站可相容於Chrome、Firefox、Opera、Safari與微軟即將推出的Microsoft Edge瀏覽器,也支援IE 10與IE 11,而IE 9則只能體驗MDL的CSS設計。Google已於許多自家服務採用MDL,諸如Google Services或是DoubleClick的RichMediaGallery等。

巨匠電腦開設了視覺設計課程,包含跨界創意視覺設計、響應式跨平台網頁設計等等,快來巨匠電腦讓你快速上手!

文章與圖片出處: http://www.ithome.com.tw/news/97240

 

【視覺設計課程】巨匠電腦分享,時尚品牌幕後代筆者 — Nicolas Ouchenir

【視覺設計課程】巨匠電腦:使用者介面設計的七個訣竅你知道嗎?

【視覺設計課程】巨匠電腦分享,跨屏介面設計的現況與未來

巨匠電腦分享視覺設計實務,台灣設計師週「探索」主視覺公開

巨匠電腦建築室內設計分享,火車站裡有溫泉!311震後重建JR女川駅正式啟用

錚/

巨匠電腦建築室內設計分享,火車站裡有溫泉!311震後重建JR女川駅正式啟用

在日本311地震中,宮城縣女川町遭到海嘯襲擊,幾乎所有的房屋及公共設施都被破壞殆盡。四年之後,由日本普立茲克建築師坂茂設計的JR女川駅於3月份重新啟用,向世界傳遞出積極重建的正面信號。

1507230949000.jpg

新建車站選址向內陸移動了約200米,車站主體建築前方有一個巨大的廣場。建築的白色屋頂以黑尾鷗展翅的形象為原型,其實最初板茂便是受託以「復興展翅飛翔」和「城市的燈塔」而設計。板茂表示:「停落在女川港上的黑尾鷗,包含著希望這個城市從此能展翅高飛的心願。在四周什麼都沒有的地方,出現了這樣一座車站,在夜晚就像一盞明亮的紙燈一樣,有如一座燈塔,意讓人們識到這座城市開始重生了!」

外牆使用宮城縣產的杉木建造,蘊含著對災後重建的祈願。木材的大量運用為火車客運站展現出親切、柔和的一面,而不是強調速度與效率的玻璃與鋼的組合。標誌性的格狀屋頂結構在整個項目的室內清晰可見。

除了交通功能外,車站還包含公共浴池等社區休閒設施。坂茂希望這裡不僅是座車站,同時也是市民們休憩的場所。
車站內部還包括了一個三層鋼筋結構的公共溫泉設施,作為設計過程的一部分,當地居民們同時也被邀請共同設計、手繪澡堂裡的兩面瓷磚壁畫,當一塊塊的手工瓷磚被拼上的同時,也聯繫起了居民的情感。

巨匠電腦開設了建築室內設計課程,課程內容包含3ds Max建築室內設計、室內設計實務、Revit建築設計等等,快來巨匠電腦輕鬆學建築室內設計!

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

巨匠電腦分享:工業設計細節看見產品間的差異

錚/

巨匠電腦分享,工業設計細節 ─ 看見產品間的差異
小細節,可以發現很多…

智慧型手機最常被拿來比較的,經常是iOS的iPhone和Android的手機們,但如果拋開品牌、作業系統、各自擁有的小工具們,就設計上的細節來觀察,它們究竟有什麼差別呢?

1507230938340.png

以iPhone 6和Samsung Galaxy S6來比較,這裡不探討他們在側邊外型上相似的這點,而是看設計的秩序、對稱性之間有何差異?
iPhone 6個孔位的中心點皆為一致,整齊排列在一條線上。
而下方的Galaxy S6,則分散成三條線。

這也許對一般人而言不見得會發覺,但當仔細比較兩者間的差異,也可思考一下產品設計時,任何個孔位、按鍵間的間距排列,直接對於整支手機的工業設計美感有何影響。

巨匠電腦開設了工業設計課程,包含AutoCAD使用、Pro/E產品設計等等,快來巨匠電腦學工業設計!

文章與圖片出處: http://chinese.vr-zone.com/148831/20150430-industrial-design/

 

【工業設計課程】什麼是工業設計?巨匠電腦來告訴你

【工業設計課程】巨匠電腦告訴你SolidWorks推出工業設計軟體囉!

【工業設計課程】巨匠電腦新資訊:「空調鯨魚」回收冷氣水可降室溫節電

【工業設計課程】巨匠電腦分享:2015綠設計競賽 挖掘創意新人才

巨匠電腦分享:16款Android App精選下載

錚/巨匠電腦分享:16款Android App精選下載

1507230910560.jpg
巨匠電腦分享,體驗Android的最佳介面!16款Android App精選下載

前一陣子看到 Google 在 Google Play 商店開設了一個新的網頁:「Best-In-Class Android Design」,裡面精選了十幾款 Google 認為最能體現 Android 設計精神的 App 推薦,這讓我也起心動念,想要來寫一篇關於那些可以體驗 Android 最佳介面設計的 App 精選下載清單。 Read more …

巨匠電腦分享,Facebook Flat將臉書網頁樣式平面化,提升整體速度!

錚/

1507221057500.png
巨匠電腦分享,Facebook Flat將臉書網頁樣式平面化,更美麗更輕量,提升整體速度!(Chrome 擴充功能)
如果你厭倦了 Facebook 一成不變的網站樣式,有沒有方法可以改造它呢?答案是有的,不過以往遇到的工具都很複雜,直到最近發現一款有趣的 Google Chrome 擴充功能,安裝後能改變 Facebook 原有樣式,讓它看起來更平面化、更不一樣,若你也想幫臉書換個風格的話,只要按照本文的教學,把外掛下載、安裝起來,Facebook 就會變身囉!

這款「Facebook Flat」的擴充功能是由國外開發者 Rof Tentik 設計,強調讓你的 Facebook 更美麗、更輕量化,也更快速,實際使用後發現速度上雖然沒有明顯差別,但在閱讀上似乎更舒服,尤其對於寬螢幕使用者來說,加大不同欄位間的距離,比較不會有被訊息壓迫的感覺。

Facebook Flat 操作上很簡單,幾乎不需要額外步驟,只要在 Google Chrome 瀏覽器安裝這款外掛即可,如果你使用上覺得不太滿意,也只要把外掛移除,就能讓 Facebook 回復成原本的樣子,想試試看很不一樣的 Facebook 版面樣式嗎?不妨安裝一下 Facebook Flat,就能知道有什麼不同。

擴充功能資訊
元件名稱:Facebook Flat
適用平台:Chrome
程式語系:英文
安裝頁面:從 Chrome 線上應用程式商店下載

使用教學

STEP 1

以 Google Chrome 瀏覽器開啟「Facebook Flat」外掛頁面,點選「+ 加到 Chrome」按鈕來將它下載、安裝到瀏覽器。

STEP 2

安裝後,開啟 https://www.facebook.com/ 臉書網頁,即可看到 Facebook Flat 效果。除了右側的聊天工具沒有什麼變化外,主畫面已經變得更加簡潔,也將一些不必要的元素從畫面中隱藏起來。

在頁面左側則整理了一排常用的選單,包括塗鴉牆、好友、訊息、相片、影片、群組等等內容,相較於 Facebook 原本的主選單來說,Facebook Flat 的選單只放了最常用的功能,讓使用者可以專心在中間的內容部分。

此外,訊息畫面也有了一些變化,不過大致上跟原本沒有什麼差別,一樣是左側的選單換成由 Facebook Flat 提供的幾個常用功能,但如果你用寬螢幕來閱讀的話,會發現它的寬度什麼的都比原本還要大一點,也不會讓你覺得很擠。

值得一試的三個理由:
* 改變 Facebook 網站設計樣式,讓它看起來更平面化
* 讓 Facebook 網站更美麗、更輕量化,同時提升網站速度
* 安裝簡單,不需要時只要移除外掛就會恢復預設狀態

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

文章與圖片出處: http://www.bnext.com.tw/article/view/id/36720

 

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

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

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

【電腦資訊技能課程】巨匠電腦分享,Peggo將YouTube影片下載為MP3或MP4