工程師怎麼學視覺設計
美學相對於其他理論是較為抽象、主觀的
但並非沒有快速上手的方法
首先要先將問題簡化
修圖、色彩學、排版、UI、字型學先視為獨立理論
我們應專注在特定的主題上學習
### 設計的基準,整齊 ⭐⭐⭐⭐⭐
這是最簡單也是最難的
在一開始不要挑戰 "有特色" 的排版
而是依據不同的平台、載具、呈現環境
參考相依的設計文件規範來制定格線
然後將物件依據格線排列
Web 來說可以參考 Bootstrap
Android 可以參考 Material Design 等
觀念可參考:https://material.io/guidelines/layout/responsive-ui.html#responsive-ui-grid
### 色彩的配置 ⭐⭐⭐⭐
在美感之前
色彩是用來吸引目光的
以網頁來說我們可以把用途歸類三個等級
1. 內容、不重要的訊息等 (黑、白、灰階)
2. 可操作的內容,主要的訊息、品牌色調 (主色)
3. 最重要的行為,例如購買 (強調色)
依據這個配置只能選擇兩個色彩
主色、強調色
主色用於大部分的情境
強調色只在唯一最重要的行為 (甚至不使用)
剩下都是黑、白、灰階
這是目前相當主流的配色方法
簡單、穩定、且訊息傳達力強
觀念可參考:https://material.io/guidelines/style/color.html#color-usability
### 字體配置 ⭐⭐⭐
字體可以表現出一句文字的
文化、語氣、重要性、氣質、個性等等
就如同我們看日本人與其他亞洲人
就算沒有透過語言
從行為舉止及穿著幾乎可以認定氣質上的差異
簡化說明
字體就類型上分為兩大類
- 無襯線字體 - 也稱為黑體
- 有襯線字體 - 也稱為明體、宋體
以識別性來說首推黑體
可以避免在不同系統上的呈現落差
中文可用:Noto Sans、蘋方、微軟正黑體
英文可用:Helvetica Neue, Roboto, Segoe UI, Ubuntu ...
(英文可用的非常多,以上只是常見的)
---
除了以上說明外
不外乎就是多看相關文件
以及實作練習
可參考設計文件:
- Material Design
- iOS Human Interface Guidelines
- Bootstrap
Bootstrap 嚴格來說不算是純設計文件,
但其中觀念非常值得參考
#每日一觀點 #15
同時也有2部Youtube影片,追蹤數超過15萬的網紅Gapthanavate,也在其Youtube影片中提到,เราพบว่า กระดาษห่อของขวัญมีอายุการใช้งานที่สั้นมาก เพราะทันทีที่มันถึงมือผู้รับ มันจะถูกฉีกทิ้งลงถังขยะทันที คงจะดีไม่น้อยถ้าเราสามารถยืดอายุให้กระดาษ...
material design grid 在 台灣物聯網實驗室 IOT Labs Facebook 的最佳貼文
英特爾拓展物聯網發展藍圖
英特爾公司為拓展智慧型物聯網(Internet of Things,IoT)藍圖,推出先前代號為「Bay Trail-I」的Intel® Atom™ (凌動™)處理器E3800系列產品,以及Intel® Quark系統單晶片(system-on-a-chip,SoC) X1000。這些產品的推出讓英特爾的物聯網市場藍圖從具電源使用效益型的Intel® Quark SoC一路涵蓋到高效能Intel® Xeon®處理器。
Intel® AtomTM處理器E3800產品系列
運用英特爾領先業界的22奈米製程技術,加上3-D三閘(tri-gate)電晶體打造而成的Intel® AtomTM處理器E3800產品系列,是專為構成物聯網的智慧型系統量身打造的系統單晶片。這項嶄新的微架構加入許多針對物聯網的重大改良,包括改善效能與功耗、低待機功耗(standby power)、錯誤校正碼(Error-Correcting Code,ECC)、以及支援工業級運作溫度範圍。
此產品系列是用來支援高效率的影像作業以及各種數位電子看板應用,比如互動資訊站、智慧型販賣機、自動櫃員機(ATM)與銷售點管理系統(point-of-sale terminal)、可攜式醫療裝置、以及車用資訊娛樂系統(in-vehicle infotainment system)等。
錯誤校正碼(ECC):加入ECC功能的Intel® AtomTM處理器E3800產品系列提供極高的資料完整性、可靠性、以及系統正常運作時間,讓設備能在工廠這類嚴苛環境中長時間正常運作。
工業級運作溫度範圍:Intel® AtomTM處理器E3800產品系列為強固型設計與極端環境提供卓越的可靠性,包括像工廠以及消費與商用車輛裡的車用資訊娛樂系統。
簡化系統設計與物料清單(bill of material,BOM)最佳化:整合各種I/O與加速功能,讓產品加入多元化的處理功能,進而使整體系統成本最佳化。
低功耗與節能:Intel® AtomTM處理器E3800產品系列提供的超低待機功耗可達毫瓦(milli-watt)等級,熱設計功率(Thermal Design Power,TDP)則僅5至10瓦。
提升視覺體驗:Intel® AtomTM處理器E3800產品系列在低功耗下仍具備優異的媒體與繪圖功能,提供更快的媒體格式轉換、立體3-D功能、高效率影像處理、超臨場感的網頁瀏覽、以及透過HDMI介面搭配第七代Intel® HD繪圖(Intel® HD Graphics)技術進行更有效率的HD影片轉檔。
Intel® Quark SoC X1000
低功耗、微型化核心的Intel® Quark SoC X1000是針對快速成長中物聯網市場的新興應用所設計,包括工業、能源、以及運輸。系統單晶片(SoC)的處理核心為32位元、單核/單執行緒的Intel® Pentium®指令集架構(ISA)相容處理器,運作時脈速度達400MHz。這款SoC亦支援DDR3記憶體、PCIe介面、乙太網路(Ethernet)、USB裝置、USB 主機、SD記憶卡、UART、12C、GPIO、SPI、JTAG、Arduino IDE、以及開放原始碼Linux作業系統。
對於放置在工廠廠房這類需要全時運作的設備,Intel® Quark SoC X1000內建的錯誤校正碼功能,能夠使資料維持極高的完整性、可靠性與系統正常運作時間。此外,亦支援工業級運作溫度範圍,協助產品符合工業控制與自動化應用在廠房、智慧電網(smart grid)、以及交通運輸基礎建設中運作的相關規範。
Intel® Quark SoC X1000可整合軟體堆疊。軟體堆疊是以預先驗證的解決方案為基礎,包含McAfee Embedded Control以及Wind River Intelligent Device Platform,提供可互通的安全防護、管理與連網功能,打造出真正可擴充的物聯網效能與功能。
McAfee Embedded Control:McAfee Embedded Control透過全面性的變更政策執行以及管理遵循,提供全方位的保護並避免安裝不必要的應用程式。精簡的軟體技術亦讓物聯網裝置能自我修復以抵禦惡意程式的感染與攻擊。
Wind River Intelligent Device Platform:Wind River Intelligent Device Platform預先整合智慧與連網功能造就出豐富多元的網路選項,讓業者節省開發時間與成本。經過驗證的彈性化韌體提供極多元的網路連結選項,可支援眾多數據機,以及根據作業系統選用適合的連網方式,包含PAN、LAN、以及WAN等網路。
關於英特爾
英特爾(NASDAQ:INTC)為全球運算技術創新的領導者,致力於設計及開發全球運算裝置的關鍵技術。想了解更多英特爾重要訊息,請至英特爾新聞室newsroom.intel.com及blogs.intel.com查詢。
Intel、Atom、Xeon與Intel標誌為英特爾公司或子公司在美國與其他國家之註冊商標。
*其他品牌和名稱為其所屬公司的資產。
資料來源:http://newsroom.intel.com/…/%E8%8B%B1%E7%89%B9%E7%88%BE%E6%…
material design grid 在 Gapthanavate Youtube 的最讚貼文
เราพบว่า กระดาษห่อของขวัญมีอายุการใช้งานที่สั้นมาก เพราะทันทีที่มันถึงมือผู้รับ มันจะถูกฉีกทิ้งลงถังขยะทันที คงจะดีไม่น้อยถ้าเราสามารถยืดอายุให้กระดาษห่อของขวัญได้ แต่จะทำอย่างไร ?
ด้วยหลักการง่ายๆ คือ การใช้ซ้ำ หรือ Reuse
เราจึงออกแบบกระดาษห่อของขวัญให้มี “รอยปรุ” ทั่วแผ่น ในลักษณะของตาราง เมื่อผู้รับได้รับกล่องของขวัญก็สามารถคลี่กระดาษห่อออกและเปลี่ยนพฤติกรรมจากการฉีกกระดาษทิ้งให้เป็นฉีกตามรอยปรุ เพื่อนำไป Reuse ให้เกิดประโยชน์ต่อไป ไม่ว่าจะนำไปเป็นกระดาษโน้ตขนาดเล็ก(notepad) นำไปห่อปกสมุด นำไปตัดเป็นเคสมือถือจากกระดาษ นำไปพับออริกามิ หรือนำไปใช้ในงานฝีมือ งาน DIY ต่างๆ เป็นต้น
In every year, billion of trees are being cut down just to make gift wrapping papers. Unfortunately, their life cycle tends to be very short once the receiver got the present. Would not it be great if we can extend the life of gift wrapping papers ? This is the beauty behind this ‘perforated’ wrapping paper idea which aims to reshape consumers' behavior to reuse and extend the life cycle from ordinary wrapping paper to a notepad, notebook cover, origami paper, and various DIY ideas.
Material : Recycled paper 80 gsm.
Printing Process : 4 color printing with Soy based ink / perforated grid
Size : 720 x 480 mm.
*** (this product is covered by patent) ***
All patterns and designs are created and copyrights of A piece(s) of paper, a graphic studio based in Bangkok, Thailand. With passion, love and eco-friendly thinking, we hope our unique design can bring happiness to you.
![post-title](https://i.ytimg.com/vi/l-u66VH3kPY/hqdefault.jpg)
material design grid 在 Gapthanavate Youtube 的最讚貼文
เราพบว่า กระดาษห่อของขวัญมีอายุการใช้งานที่สั้นมาก เพราะทันทีที่มันถึงมือผู้รับ มันจะถูกฉีกทิ้งลงถังขยะทันที คงจะดีไม่น้อยถ้าเราสามารถยืดอายุให้กระดาษห่อของขวัญได้ แต่จะทำอย่างไร ?
ด้วยหลักการง่ายๆ คือ การใช้ซ้ำ หรือ Reuse
เราจึงออกแบบกระดาษห่อของขวัญให้มี “รอยปรุ” ทั่วแผ่น ในลักษณะของตาราง เมื่อผู้รับได้รับกล่องของขวัญก็สามารถคลี่กระดาษห่อออกและเปลี่ยนพฤติกรรมจากการฉีกกระดาษทิ้งให้เป็นฉีกตามรอยปรุ เพื่อนำไป Reuse ให้เกิดประโยชน์ต่อไป ไม่ว่าจะนำไปเป็นกระดาษโน้ตขนาดเล็ก(notepad) นำไปห่อปกสมุด นำไปตัดเป็นเคสมือถือจากกระดาษ นำไปพับออริกามิ หรือนำไปใช้ในงานฝีมือ งาน DIY ต่างๆ เป็นต้น
In every year, billion of trees are being cut down just to make gift wrapping papers. Unfortunately, their life cycle tends to be very short once the receiver got the present. Would not it be great if we can extend the life of gift wrapping papers ? This is the beauty behind this ‘perforated’ wrapping paper idea which aims to reshape consumers' behavior to reuse and extend the life cycle from ordinary wrapping paper to a notepad, notebook cover, origami paper, and various DIY ideas.
Material : Recycled paper 80 gsm.
Printing Process : 4 color printing with Soy based ink / perforated grid
Size : 720 x 480 mm.
*** (this product is covered by patent) ***
All patterns and designs are created and copyrights of A piece(s) of paper, a graphic studio based in Bangkok, Thailand. With passion, love and eco-friendly thinking, we hope our unique design can bring happiness to you.
![post-title](https://i.ytimg.com/vi/q4qOClXdSvs/hqdefault.jpg)