關鍵字：UI、IPHONE、X、design、ios、web、CSS、HTML、layout、Margins、鍵盤、Home Indicator、Safe Area、Landscape
原文刊登於 Medium ，INSIDE 經授權轉載。作者Taylor，UI及數位產品設計師，專精於iOS、Android及Web等平台，光讀HIG是不夠的，這裡幫你整理一些更細節的資訊，讓你省去向開發者問東問西的時間。
Web開發至今已經累積了相當多的成熟經驗，就Web應用程式而言，MVC已經是公認且驗證的架構，Web快速開發框架基本上必然實現了MVC架構（儘管有些細節上的不同），多半要具備的元素有URL路由對應、HTML模版系統、ORM與資料庫管理、表單處理與驗證、使用者管理、基本安全管理、測試、部署等；而附帶的元素，則為各種工具、程式庫（如郵件發送、多國語系時區支援）等，其中路由、模版系統與ORM，通常是一開始使用時最先接觸也最關心的部份。
EFF（Electronic Frontier Foundation）最近發表了一份 報告 ，報告稱經研究顯示，目前全球已有超過一半的 web 流量採用了加密的 HTTPS 進行傳輸，預示著對整個 web 進行加密的運動達到了一個里程碑。加密流量過半的主要原因是佔據流量主要佔比的主流技術公司，如 Facebook、Google、Twitter、維基百科、Bing、Reddit 等最近幾年都陸續採用了 HTTPS 協議。
在演講的 QA 時間，有幾位 F2E 跑來問我這個問題，看來這是許多人心中的痛啊…甚至連圖都不讓設計師切了、直接自己來，卻還是狀況連連…如何讓公司的平面設計師交出可以用的 web 圖呢？
問了這幾位 F2E 他們用什麼軟體切圖，答案是 Illustrator ，聽到的當下就覺得不妙。我非常不支持拿 Illustrator 做任何給螢幕用的檔案，切圖不便、對 PX 的支援度也很差，Illustrator 是印刷用軟體。當公司只給你平面設計師、沒有 UI 的時候，所有 Mockup 都出自平面設計手中，F2E 要如何自力救濟？
關鍵字：幽靈按鈕、背景大圖趨少、物質設計、微互動、互動圖表、全螢幕影片、web
2016 年已經過了快一半，網頁設計趨勢來來去去，有些落伍的風格已被刨除，實驗性的做法不斷冒出。唯一可以肯定的，是返璞歸真，還原基本，割捨一切不必要的功能。過去資訊零星散落雜亂無章的頁面的時代已經逝去，簡約與使用者介面取而代之。The Next Web 作者 Anna-Feliza Sy 整理了六個今年截至目前，最受歡迎的六個網頁設計趨勢。
關鍵字：web、優化、速度、技術、性能、AMP、WPO、行動裝置、Accelerated Mobile Pages
Google新技術再次來到，這回推出所謂的AMP網頁技術，全名稱為「Accelerated Mobile Pages」，一般簡稱為AMP。當你的網站使用後，網頁載入速度會更省流量、更快速，這個AMP專案主要是Google針對在行動裝置上(手機或平板)，搜尋結果點入後載入速度將會比傳統搜尋快4倍，流量卻不到過去的十分之一，同時也將優先出現於Top Stories的區塊。
傑立資訊事業有限公司電話：(02)2739-9096 | 傳真：(02)2739-6637 | 客服：[email protected] | 臺北市信義區和平東路3段257號6樓map
© 2016 傑立資訊 All rights reserved.法律顧問：宇恒法律事務所
