(photo by Marc Wathieu)

我們常被問到如何挑選正確的閘道器，因為有很多製造商擁有不同的閘道器，設計給產業不同層次的需求。但回歸根本問題，到底要怎麼選擇一個適合的閘道器呢？

首先，觀察您的專案和設計的獨特性。這件事也許可以縮小您選擇的範圍至一個原型。如果您正在執行一個關於汽車的專案，那只有幾個製造商專門製造交通工具或是汽車用的閘道器。所以單是觀察您的專案和設計的獨特性，並且配對其所屬的垂直產業，也許就可以簡化您的選擇。

第二，您可以觀察專案的過程和所需的記憶體。英特爾®物聯網閘道器可以應對單核心至四核心的訊息處理機。一般來說若是使用多核心處理器， RAM 跟快閃記憶體都會跟著增加。若您選擇了多核心處理樣本，請記得使用較高階性能的硬體搭配您的核心處理器。

另外一個方法中，您的 I/O 則是關鍵。閘道器的用途是將許多的感應器連結至一個裝置。如果您已經選好您的感應器了，研究他們的網路通訊協定和偏好的連結型態，並且把他們配對可能的閘道器樣本。當然您也可以利用一個接合器使您的感應器有著更適合的連結性。找到一個適合您需求的連結，協定和閘道器硬體都可以幫助您將大難題變成簡單可解決的小問題。

雖然我們已經提供許多方法可以選擇正確適合的閘道器硬體，但還是有許多的問題可以幫助您做一些更精確的選擇。例如電力限制、週邊的連接埠、形成因素、底座、冷卻需求和其他不同的研究都可以成為您選擇閘道器的關鍵。

探索物聯網閘道器所能提供的功能，比較他們的特色與比需性。

更多精選文章.....

歡迎加入「Inside」 Line 官方帳號，關注最新創業、科技、網路、工作訊息

This posting includes an audio/video/photo media file: Download Now

▲由左至右分別為 honestbee 台灣商業發展經理王鶴穆，共同創辦人暨執行長孫志偉，台灣行銷經理陳宣維

生鮮電商大舉進入台灣，繼印尼生鮮快遞 HappyFresh 之後，來自新加坡的 honestbee 同樣強調最快一個小時內到貨，並於今日宣佈將在台北士林、大安、信義、松山等多個區域展開服務，過年之後將擴及整個台北市，三月進入新北市，並和包含家樂福、法蘭克肉舖子、太平洋鮮活超市、登峰鮮物、珍嚮益等商家合作，提供採購及外送服務。

2015 剛拿到 1500 萬美元（約 4.5 億台幣）投資的 honestbee ，未來三年也打算每年投入 500 萬美元至台灣市場。

台灣將成海外最大研發中心

honestbee 目前已在新加坡、香港、北海道等地區展開服務，孫志偉表示，第一個選擇香港是因為人口與範圍和新加坡相近，而選擇日本的原因則是看重其對於品質要求較高，正是 honestbee 鎖定的客群，近期營業範圍將會從北海道拓展到東京。不管是香港、新加坡還是台北都是人口密集的都市，消費者要求也較高，還要跟便利商店競爭，在這些地方生存能快速獲得經驗。

honestbee 在台灣以人口和地域來說營業規模比較大，孫志偉也表示未來會將台灣設為新加坡外的研發重鎮，並在台灣本地聘請工程師設計師等。「台灣的工程和設計人才都非常優秀。」孫志偉說。目前台灣不含物流及採購人員共有約 10 名員工，預計 2016 年底擴展至 30 -- 50 人。

員工和服務優先

來自新加坡的 honestbee 執行長暨共同創辦人孫志偉，哈佛大學經濟系畢業，任職於融勤投資基金的背景讓他積極投資新創，於 2012 年在新加坡成立了非營利人力資源媒合平台 LifeOpp，看準亞洲生鮮及日用品配送的商機，現在將人力媒合的經驗帶入 honestbee，希望能以優質服務出發，提供更好的物流配送體驗。

在 LifeOpp 的經驗中，孫志偉體認到光提供平台是不夠的，服務品質容易參差不齊，honestbee 進一步介入員工的挑選與訓練，希望能創造穩定可持續的就業機會。

「取名 honestbee 的原因就是我們想以員工為主，我們的員工就像蜜蜂一樣勤勞，而且全心為客戶著想。」孫志偉說到，「比如說魚不新鮮，就不推薦客戶購買，雖然乍看損失一筆生意，長久以來對客戶關係卻是有助益的。」

▲honestbee 網路購買介面，左為主持人 Dennis ，右為 honestbee 台灣商業發展經理王鶴穆

生鮮電商和一般宅配有何不同？

honestbee 執行長孫志偉表示，生鮮配送是新興的一門行業，選擇機車運送更能發揮快速新鮮的特色，和 GoGoVan 或是最近也開始送貨的 Uber 等運送服務最大的差別在於，honestbee 發展目標並非取代既有的如計程車、貨運等行業，而是填補傳統生鮮店家的物流及系統需求，協助實體店家整合線上網路購物、行銷與線下物流。在消費者方面，以優良的服務品質消除採購的不便，創造三方皆贏的局面。

而面對同樣強調生鮮配送的 HappyFresh，孫志偉認為衝擊不大，honestbee 的重點之一在於精緻化，挑選每個領域優秀的品牌商家合作，另外先在士林區試行，就是為了站穩腳步，把關品質，重質不重量，而挑選幅員廣大的士林區，也讓他們對於開放更多地區的負載量更有把握。

不只是採買，他們也與許多特色店家合作「我們合作的法蘭克肉舖、登峰鮮物等都是高人氣特色店家，只是對於傳統店舖要另外建立物流送到外地成本太高。」台灣區商業發展經理王鶴穆補充，「各種類型、大小、價位的夥伴，都是領域中數一數二的優質店家。」

目標客群為青壯年上班族女性

根據孫志偉，目前主要客群為 25 -- 40 歲佔了 80% ，60 -- 65% 為女性，多為上班族，以教育程度高的獨居單身族或新婚雙薪小家庭為主，這個族群對產品也比較講究。孫志偉觀察到台灣傳統市場的消費者年齡較長，年輕族群的購物習慣逐漸轉往超市及網路，而大型量販店或特色店舖密度不高，上班族群又怕麻煩，因此產生配送的需求缺口。

主要收入來源為店家

honestbee 是為了滿足傳統店舖的配送及線上交易缺口，為店家帶來收入而誕生，因此主要的獲利來源是和店家簽約定期結清，消費者端只要負擔 99 元運費，農曆年前滿 199 元免運，首次購買有 300 元折價。孫志偉強調線上買到的商品價格和店內消費相同，不會將運費轉嫁在商品上。

▲Shopper Bee 採購員，右為採購員主管辜鼎雄

專業的 Shopper Bee 採購員

honestbee 的運送人員稱作 rider bee，採買人員則稱作 shopper bee，兩者皆為約聘制，薪資採時薪每小時 170 台幣，目前共有近 80 人。現為 shopper bee 主管的辜鼎雄表示，當消費者下單後，會由調度員分配任務給各店駐點 shopper bee，再將貨品集中給安排好路線的 rider bee 。

其中 shopper bee 身為品質的第一道把關者，得先通過層層考驗，先參加線上測驗、面試等測試細心度和溝通協調能力，通過後會提供挑選生鮮蔬果的教育課程，並至店內實作，但至少都得經歷 6 -- 8 小時的培訓，未來也考慮依績效增設獎金制度。

▲honestbee 今日宣佈正式上線，將與太平洋鮮活、法蘭克肉舖子、珍嚮益等店家合作

對於生鮮配送產業的未來，孫志偉樂觀表示這是非常新且潛力大的行業，短期內整體市場每年至少有 1.5 -- 2 倍的成長。至於近期美國生鮮日用品配送服務 Instacart 裁員一事，孫志偉認為只是組織重整，此次裁員多為人資，顯示 Instacart 內部人手已經充足。

目前 honestbee 網頁版已上線， app 則尚未中文化及支援台灣地區，預計農曆年前上架，今年上半年目標將擴展至整個台北市及新北市，下半年則將拓展至其他城市，希望 2017 年能完成全台主要都市的佈局。

歡迎加入「Inside」 Line 官方帳號，關注最新創業、科技、網路、工作訊息

This posting includes an audio/video/photo media file: Download Now

Photo Credit: HRL

各位讀者對 3D 列印的印象是什麼呢？對大部分人來說，應該直覺就是想到 ATOM、Flux 或是 XYZprinting 等用塑膠原料，加熱印出的 3D 列印模型吧！的確在大多人的生活中，多半還是最常看到塑膠、樹脂等材料。但其實紙張、食物、金屬，甚至到藥品、美妝或混凝土都大量被使用在工業用途上。而在 2015 年末與 2016 年初交際之餘，「玻璃」與「陶瓷」這兩項我們印象中易碎的材料也有新技術問世，可算是這個時間點 3D 列印技術最大的突破了！

MIT 的新技術：玻璃「縫紉機」

先前 2015 年 8 月麻省理工學院媒體實驗室 (MIT Media Lab) 就已研發出以玻璃為素材的 3D 列印技術，透過特殊設計的加熱窯環境與噴嘴，能用類似傳統塑膠 3D 列印的方式將玻璃「印」成自己想要的形狀。不僅如此，HP 也正在從事相關的 3D 列印玻璃研發工作。

而 MIT 最近與數學家 Pierre Thomas Brun 合作，借重其流體動力學的專長研發出了新的「熱熔玻璃縫紉機」技術，透過精心設計的數學模型，以螺旋狀印出一條一條的環狀或波浪狀的「玻璃束」，再由這些玻璃束組成更複雜的 3D 物體。

▲環狀的玻璃束結構可讓 3D 列印玻璃成品強度大增，Photo Credit: MIT Media Lab

Brun 博士並表示這樣的新技術，其實概念上比較接近縫紉用一條一條線組成布料，所以才用「縫紉機」(sewing machine) 命名。跟過去直接堆疊的方式列印，這種技術可以讓不同層的玻璃束以更複雜的方式結合，估計能有效增強玻璃 3D 列印製品的強度，並可以運用在雕刻或者其他 3D 列印的相關應用上，預計能改善光導纖維的製程與降低成本。

▲影片示範比起傳統推疊列印法，環狀玻璃束結構更強

強度高達舊技術 10 倍！深具航太價值的 3D 陶瓷列印

比起玻璃，陶瓷的 3D 列印技術其實發展的更早，目前市面上已經有用高壓噴出瓷粉，再上黏結劑最後進窯燒出成品的機型出現了，像曾在鶯歌陶瓷博物館展出的 HDfab 就屬這一類。不過，過往用陶瓷粉的 3D 陶瓷列印成品大多在經過加熱手續時，很容易因密合度不夠產生裂縫。但現在由美國 HRL 實驗室開發的新材料技術，可以有效解決這個問題。

HRL 實驗室是由波音與通用汽車聯合出資的公司，專門針對航太與交通工具研發新型材料。這次他們發明出了一種由矽、氮與氧組成的新陶瓷聚合材料 (preceramic polymers)，做為 3D 列印機的印出材料。這種材料製成的成品再經過加熱後，就會直接轉變成結構相當細緻的陶瓷。

▲新的陶瓷列印成品可承受攝氏 1700 度以上的高溫，相當具航太科技價值

這種技術不但可以避免產生裂縫的缺點，讓強度達到舊有技術的 10 倍，並能讓成品承受 1700 度以上的高溫，對已經廣泛運用陶瓷材質的航太產業來說無疑深具意義。甚至美國國防高等研究計劃署 (DARPA) 已經與該公司簽訂合約，用以開發火箭、飛機、衛星或太空梭的零組件上。

歡迎加入「Inside」 Line 官方帳號，關注最新創業、科技、網路、工作訊息

This posting includes an audio/video/photo media file: Download Now

Photo credit：Boris Kasimov

內容網站們的好日子不再，冷冽的寒冬正在襲來。

美國網路媒體 DIGIDAY 指出，許多創投投資的網站都已經在發展規模上遇到瓶頸，而他們驚人的用戶成長數並未替其商業模式帶來真正的突破，況且其流量的成長空間也已逐步到達頂端。

根據 comScore 數據顯示，除了 Mashable，包含 Business Insider、BuzzFeed、Refinery29、Quartz 過去一年的流量成長都比前一年少了很多。

究其數據背後的意義，可以發現並非所有的新創數位媒體都能擁有曲棍球棒狀的成長曲線，市場研究機構 Outsell 分析師 Ken Doctor 對此表示，成長意即不進則退，所以這些公司現在的價值是有可能隨時下跌的，不過不論輸贏，這將都會是一場角逐情勢的競賽。

到底發生了什麼事？其實早在去年 11 月，DIGIDAY 就已有報導指出，多數網站流量的下降都是在 Facebook 開始縮減其流量導引之後所出現的情況。而從 SimpleReach 的數據可以發現，前 30 名（依據網站對 Facebook 的依賴程度排名）與 Facebook 合作的新聞媒體在 PC 與行動端的推薦連結流量從去年一月到十月已下跌 32%。

儘管實際原因不明，多數網站也表示，Facebook 並沒有對此直接和他們溝通，不過業內人士普遍認為，主要的原因應該是 Facebook 為了創立自己的生態系統，正努力將用戶留在自己的社群平台上，比如前陣子推出的 Instant Articles 功能。不僅如此，Facebook 還鼓勵各大媒體將自己的文章和影片內容直接上傳到其平台上。

而此舉招致的結果，即是網站如為了要讓新用戶離開 Facebook，前往自家網站，必須得付出更多的經費，才能讓自家內容露出在用戶們的動態消息牆上，以 BuzzFeed 來說，他們一年得在 Facebook 上花費了數百萬美元。於此同時，這些網站也正一邊嘗試其他不確定性高但較具獲利潛力的其他流量分配銷售戰略。

即便目前這些網站還沒有讀者人數明顯下降的跡象，但投資者們也非省油的燈，想當然爾，大家也只願意把錢投資在處於高速成長的公司，而非停滯不前的公司上。

這也是為什麼 Mashable 在去年擬以 3 億美元出售目前未果； BuzzFeed 在去年十月也宣布接下來一年，他們暫時不會再招募新人，反而將更加著力於整合新進員工，建立組織模型和架構，讓團隊營運更加有效率，都再再顯示出已經有新創數位媒體開始出現發展放緩的徵兆。

另外，從上述提及的 Mashable 擬尋求買家、Atlantic Media 傳出有意洽售旗下的 Quartz，以及去年九月德國出版巨擘 Axel Springer 宣布收購美國網路媒體 Business Insider ，則應證了顧問公司 AdMedia Partners 董事總經理 Seth Alpert 對於這波寒冬的看法。

他說，如果你是當中的其中一家公司，而你又能獲得你所能接受的估值，現在將是一個適當的退出時機。更直白一點來說，他表示，如果自己是這些公司的投資者，他會選擇在 2016 年退出。

不過比較大的挑戰是，目前市場上充斥太多的網站，而買家當然會希望透過交易，挖掘出能夠真正為他們帶來實際助益的合作夥伴，這對許多不符合標準的網站來說，自然不會是好消息。只能說，2016 年對多數的網站們來說，可能會是一個不怎麼好過的寒冬。

This posting includes an audio/video/photo media file: Download Now

本文轉自設計大舌頭，Inside 獲授權轉載。本文章已獲得作者授權，翻譯自：6 Web Design Trends You Must Know for 2015 & 2016 by Jerry Cao ，原文出處 awwwards。

較資深的用戶或設計師應該都還記得，90 年代大家特別喜歡使用繁複的 GIF 動態檔來裝飾網頁吧？而現在最流行的網頁風格反而是簡約的扁平化設計。 網頁設計趨勢 可以反映當時的技術、使用者習慣、裝置、美學與設計思維的不同，相當有趣並值得探討。

舉個最近流行的趨勢吧！我們可以看到 響應式網頁設計（RWD）越來越流行，許多網站皆改為此方式來設計，除了對移動裝置用戶更友善外，甚至也影響 Google 的搜尋排行。接著，就讓我們透過UXPin 針對今年度所見的趨勢整理而成的文章，一起回顧今年的網頁設計風潮與展望明年可能會流行的趨勢囉～

1. UI 模板（patterns）激增

我們可以發現，在響應式設計的風潮下，似乎每個網站看起來都一樣。不過，造成這樣的現象，除了響應式設計外，還有其他原因，譬如市場上出現大量的套版網站與工具（如 WordPress 等）。不過，相似排版與視覺的模板並非不好，這只是市場上出現大量好用的 UI 模板後，我們考量它所帶來的效益（省成本或可更專注於內容等）而產生的必然的現象而已。

Photo credit: Cypress North

另外，這些模板的發展都相當的成熟，要有極大的創新確實也相對困難。事實上，我們也不需要為了創新，而把一個通用成熟的東西重新發明。應該把精力放在如何用 UI 模板打造出流暢的使用者體驗，以下是設計師不可不知的 UI 模板元素：

1. 漢堡圖標（hamburger menu）：類似中文 “三" 的漢堡圖標，雖然過去常被批評和討論（使用者不易理解符號意思等），但現在使用者大多能理解它的意思了。此外，它可把眾多的選項元素縮合（menu），相當方便，在許多產品上都可看見這個圖標的應用。

Photo credit: Silenza via awwwards

2. 帳號註冊的方法：我們可以發現，幾乎所有網站的會員註冊頁面的排版方式都很接近，通常會在表格底下放置第三方登入的按鈕（如 Fb 等）。若註冊方式較複雜，也會將步驟拆解分散在多個頁面，並提供提示讓使用者知道如何進行，藉此減少註冊流程中不良體驗的產生。

Photo credit Typeform

3. 長滾動條頁面（Long scroll）：這項設計的流行可以歸因於行動裝置用戶的增長，因為行動裝置適合不斷的將頁面往下滑動。除此之外，這項技術特別適合那些想要說故事的網站（不斷的往下滾動，讓使用者沉浸於功能介紹等內容），並且還可以做出如簡報般，滾動一格就換到全新頁面的效果。

Photo credit: Vimeo

4. 卡片式排版：Pinterest 是應用卡片式排版的先驅，因為卡片式易於讓使用者以掃描的方式了解每塊區域的內容，所以相當受到歡迎。每一塊卡片區域都有獨立的資訊，就如同內容的容器般。此外，因其方形的型態，在不同的螢幕大小下，網站也可以輕易地重新排配版面。

Photo credit: TheNextWeb

5. 高清晰度的大圖（Hero image）：視覺是人們感受事物的主要方式之一，網站上若擺放高清晰度的大圖，可很快的抓住使用者的注意力。這個趨勢主要歸因於網路的速度提升，使用者不必受苦於載入圖片時的等待。其中，我們最常看到的排版方式莫過於在網站最上方放置一張高清晰度的大圖，緊接著下方有由左至右並由上往下的系列內容排列（zig-zagging）或卡片式的布局。

Photo credit: Maaemo

還想要了解更多 UI 模板與技術的知識，歡迎讀者參考這本免費的電子書 – Web Design Trends 2015 and 2016

2. 豐富的動態效果

動畫可以加強網站想要告訴使用者的資訊，營造更多互動性與娛樂性。然而，設計師還是需要考量放置的位置，何處或何時出現才能達到動畫想傳遞的效果；另外，也要思考如何帶入產品的故事元素與品牌個性。基本上，動態效果可分為兩種動畫類型：

1. 大尺寸的動畫：通常使用大尺寸的動畫，就是想讓它成為與使用者互動的工具。其中有多種呈現方式，如滾動視差或彈跳通知視窗等方式。
2. 小尺寸的動畫：小尺寸的動畫大多應用於資訊單向傳達的情境，如等待中的旋轉效果、滑鼠 hover 時的效果或載入進度條的效果等。

在此，我們整理了 7 種較受歡迎的動畫技術：

• 載入時的動畫

雖然傳統的旋轉或連續的圓點動畫就能表示載入狀態，但似乎滿無趣的。因此有一些設計師開始設計載入時的動畫（或頁面），它們特別受到扁平化設計、 極簡主義、 作品集與單頁類型的網站歡迎。最後，我們也要提醒，設計要保持簡單且避免加入音效，巧妙地融入網站特質與識別配色。

Slack via Lauren Tan

• 呼叫或隱藏導航列和選單的轉場效果

將導航列或選單隱藏，是現在很多網站或 app 應用的方式，尤其可以省下許多頁面空間。譬如說，應用 hamburger icon 來隱藏選單。但要特別注意別用太過度或過長的轉場效果，造成使用者不悅。

• hover 動畫

使用者已經習以為慣地透過滑鼠 hover 的方式，來瀏覽更多的資訊。因此增加 hover 的動畫，直接地給予使用者視覺回饋，會讓這個行為更直覺。

Photo credit: Humaan

• 圖片集與幻燈片的動畫

圖片集（可切換圖片或呈現多張）與幻燈片（單張切換）的呈現方式，很適合讓使用者閱讀圖片，若增加更多互動性，可再提升使用者體驗。這樣的方式特別適合攝影、產品與作品集類型的網站。

• 動態的物件

人類很自然地會被動態的事物所吸引，因此設計師可以透過這個方法來抓住使用者的注意力，也可以讓畫面視覺更有層次感。甚至可以將其應用於表單、CTA 按鈕或選單上，以達到商業的效益。

Photo credit: Bugaboo via awwwards

• 透過滾動滑鼠一步一步的呈現動畫效果

流暢的滾動效果必須依賴動畫的呈現與提供更進一步的控制權給予使用者。使用者可以自行決定觸發下一段內容的步調。

Photo credit: Squarespace

• 背景動畫或影片

在背景放置簡單的動畫或影片，可讓網站更加吸引人，但必須保持簡單與色調溫和，不然容易造成使用者的分心。而製作的要領在於讓動畫或影片獨立於一個區塊或使用緩緩的動態效果來呈現大圖。

Photo credit: Dunckelfeld

人們幾乎每天都與微互動（microinteraction）接觸，例如關閉手機鬧鈴的過程或在 FB 的照片上按讚。每一個互動時刻都相當短暫快速，也不需要多想。就如同你關閉鬧鈴，很自然地就透過介面完成了這項事情。而也有越來越多的 app 開始思考它，並設計微互動的介面、操作方式與流程。

Photo credit: Slack

基本上，微互動可以幫助使用者完成三項事情：

1. 告知現在處於何種狀態或回饋資訊
2. 了解這個動作後的結果
3. 幫助使用者操作一些功能

微互動的設計是每個 app 開發中十分關鍵的部分之一。因此，我們根據此篇文章（ Web Design Trends 2015 and 2016）給與開發團隊一些建議：微互動在設計時，必須儘量不打擾使用者，千萬別過度設計，並保持簡單；仔細思考每個細節，同時讓過程如同 “人類" 之間的互動；文字內容的撰寫多點人性，不要如機器人一般。此外，每一個互動的途徑都要以使用者為中心思考，讓產品更人性化，並提升可用性。當然，這會加重開發團隊的工作量，但這些確實是使用者真正或想要互動的部分。

對微互動還有興趣的讀者，可以參考設計大舌頭先前的文章 – 微互動將是 2016 年 APP 設計的新趨勢。

4. Material Design: 後扁平化設計時代的創新者

去年，Google 發佈了它的設計風格語言： Material Design。它利用陰影來表現各個狀態，而陰影的深度又能帶給使用者操作扁平化物件的真實感受（例如物件前後關係）。

Photo Credit: Google Now

Material Design 目的是希望創造出簡潔、現代的設計風格，並專注於使用者體驗（UX）。然而，過去 Google 與設計美學談不上關係，而這次 Material Design 發表後，反而造成流行並受到各界讚揚。雖然 Material Design 的簡約設計元素，與扁平化設計相似。不過相較於扁平化，Material Design 使用了深度表現與陰影，更可表現元件的前後關係。

Photo credit: Angular

儘管 Google 提出這個設計語言，想要打造可供跨裝置使用的漂亮 UI 與良好體驗。但至今，應用 Material Design 的產品大多是 app。Google 也發現了這個現象，因此在七月時發佈了網站可用的套件 – Material Design Lite（MDL）。這個套件結合 vanilla CSS、HTML 和 JavaScript，並希望它夠輕量並易於開發人員使用，同時保有 Material Design 的視覺元素。此外，MDL 並不是依賴在特定框架上，所以設計師可以用各種前端方法來設計網站，同時它的程式也非常輕量化。

5. 響應式設計

近幾年，因為移動裝置普及，網站響應式設計顯得格外重要，同時也相當受到歡迎（Responsive web design，RWD）。

Photo credit: UXPin

以企業的角度而言，建構一個功能齊全且對於移動端友善的網站，Responsive design 是一個相對簡單且省錢的方式，但若是應用錯誤的方法，可能會影響效能。藉此，Guy’s Pod 向設計師提出了一些建議：

1. 圖片顯示避免使用 display: none 的寫法。雖然使用者沒有看見圖片，但其實仍然是有被 load 進來的，因此在網頁的效能上產生了不必要的負擔。
2. 圖片大小使用百分比來定義。
3. 有條件式的引用 JavaScript，因為許多 js 元件在小尺寸的裝置上（手機）是無法被使用的。特別需要注意的是第三方 script（如社群分享按鈕）對於網站而言，常常會有負面的影響與降低效能。
4. 使用 RESS – Responsive and Server Side
5. 為了有效的量測與優化每個網站，應將效能測試這項目加入到流程中。

效能不單單只是使用者判斷體驗好壞的關鍵，同時也會影響 Google 的檢索排名。此外，由於最近流行的極簡風格讓網頁排除了不必要的元素而減少頁面的複雜性，非常適合響應式的設計。同時，我們也可以看到許多具響應式設計的網站使用卡片式的排列，可在不同螢幕尺寸下，輕易的重新調整排列。

Photo credit: The Guardian

響應式設計已慢慢由趨勢轉變為最佳的實踐方式。然而設計師們也必須想出一些聰明的方式解決任何速度的問題。無疑地，響應式設計是十分有用且通用的，但它也應該是高效能的，才可以提供出色的使用者體驗（UX）。

6. 扁平化設計會退燒嗎？應該沒那麼快！

扁平化設計風格其實已經流行一陣子了，目前它也與其他相似風格與設計語言融合得很好，如極簡主義、響應式網站設計與 Google 的 Material Design。

Photo credit: Beoplay via awwwards

未來，我們推測有更多扁平化設計的元素會流行：

• 長陰影（Long shadow）：長陰影可以帶給扁平元素視覺上的深度。
• 鮮明色調： 一些受歡迎的 UI 模板都開始使用越來越鮮明的色系。
• 簡單的文字排版：簡單的文字排版，可以確保文字在扁平化設計下，保持清晰與可讀性。
• 幽靈按鈕（Ghost button）： 幽靈按鈕的意思就是，讓按鈕僅留下外框線與說明文字，當使用者透過滑鼠 hover 時，才呈現變化。這樣可以讓使用者更專注於按鈕的功能性，避免上方的顏色、形狀或視覺表現而分心。
• 極簡主義： 省略不必要的元素，讓畫面看起來清新不擁擠。

關於 網頁設計 趨勢的小建議

雖然這些設計趨勢是因為帶來某些效益而受到歡迎，但千萬別盲目地追求流行，一定要以使用者為中心思考，確保應用這些設計趨勢對他們是好的。例如，電商網站就不適合完全的無限滾動頁面。所以，這些趨勢僅是設計師腦袋中的資料庫，必須深思熟慮的選擇其中最佳方案。

如果還想要了解更多 網頁設計趨勢 的資訊，可以下載我們免費的 e-book – Web Design Trends 2015 and 2016。這本書內分析了超過 160 個案例，包含 Google、Apple、Reebok、BMW、Intercom、Adidas、Dropbox 等等。

本文章已獲得作者授權，翻譯自：6 Web Design Trends You Must Know for 2015 & 2016 by Jerry Cao ，原文出處 awwwards

This posting includes an audio/video/photo media file: Download Now

本文原刊登於《聯合新聞網》。

就在 HTC VIVE 確定將在今年 2 月開放市場預購之後，Oculus Rift 也確定將在美國西岸時間 1 月 6 日上午 8 點 (台灣時間 1 月 7 號凌晨) 開放預購，同時將同捆《Lucky’s Tale》與《Valkyrie》兩款遊戲，但具體售價目前依然並未公布。

根據 Oculus 稍早公布消息，確定市售版 Oculus Rift 將在美國西岸時間 1 月 6 日上午 8 點開放預購，屆時將同捆《Lucky’s Tale》與《Valkyrie》兩款遊戲，但具體售價可能還要等待開放預購之後才能確認。就先前 Oculus 方面表示，對應使用者雙手操作的控制器 Oculus Touch 因精度還需要做調整等緣故，因此將延後至今年下半年間才會正式推出。

目前包含 HTC VIVE、Oculus Rift 均對應 Valve 旗下 Steam VR 平台服務，但 Oculus Rift 額外與微軟攜手合作同捆銷售，預期在遊戲應用會有更深層應用表現。

HTC VIVE 確定將在今年 2 月開放預購，預計最快在今年 4 月前後正式推出，至於 Oculus Rift 則仍維持在今年第一季前後上市。

This posting includes an audio/video/photo media file: Download Now