越來越普遍的扁平化設計,真的會降低人們使用頁面的效率嗎?(上) 2017年10月03日 介面/網頁設計, 行動/應用/互動 「並不是扁平化設計降低了效率,而是不好的設計降低了效率。」 9 月 3 日,諮詢公司 Nielsen Norman 發布了一篇研究報告,指出扁平化設計會使用戶導航的效率降低 22%。 (繼續閱讀…)...
【BLOGGER 技術】只用 CSS 做出美麗的漸層顏色效果 2017年09月21日 介面/網頁設計, 行動/應用/互動 設計 UI 別再用繪圖軟體製作漸層效果圖片了! 現在用 CSS 就可以做到美麗的漸層效果,還可以幫你省下不少圖片檔案的容量,增加效能。 (繼續閱讀…)...
設計師必懂的趨勢,淺談扁平化設計優缺點與發展(下) 2017年09月06日 介面/網頁設計, 品牌設計, 行動/應用/互動 作者/ 鄒錦翔 扁平化設計的前身 Microsoft 把這種介面稱為「Metro UI」(後來因為和德國零售業龍頭 Metro AG 有衝突而改名叫 Modern UI), 之後便開始整合到公司旗下的產品,如 Xbox 360 和 Office 系列軟體,2012 年更是使用在 Windows 8 的動態磚上。 (繼續閱讀…)...
設計師必懂的趨勢,淺談扁平化設計優缺點與發展(上) 2017年09月04日 介面/網頁設計, 品牌設計, 行動/應用/互動 作者/ 鄒錦翔 不論你從事平面設計、網頁設計、UI/UX 設計、前端設計...只要你是設計師, 你不可不知從 2013 年後火速竄起改變整個資訊產業使用者介面的「扁平化設計(flat design)」, 是如何撼動整個世界,甚至是改變你的工作型態與產業! (繼續閱讀…)...
麥編試用報告|讓麥編好有安全感的 GIGABYTE AERO 15 2017年07月26日 行動/應用/互動 前些日子麥編與 GIGABYTE AERO 15 相處了一陣子,先前在產品發表會上已經對它有初步的認識,即使是這樣,拿到試用機掀開螢幕那瞬間,心中還是不免驚呼了一下!邊框好細、螢幕好大啊! (繼續閱讀…)...
UI 設計小技巧 – 電話號碼欄位 2017年07月02日 介面/網頁設計, 行動/應用/互動 相信大家都有在介面中被要求填入電話號碼的經驗吧!是不是有時會發生格式難以理解而輸入易錯亂?亦或修改困難 … 等體驗不佳的情境?此時可能還因無法順利完成簡單的任務而責怪自己!其實這些在設計上都能被優化,只要設計師與工程師能多點同理心,考量上更加周延,這些情況絕對能避免的。而在這篇文章中,大舌頭將與大家分享「表單(form)UI」中關於「電話欄位」的設計細節。 (繼續閱讀…)...
如何透過數據決定 「用字」,以提升使用者體驗? 2017年06月28日 介面/網頁設計, 行動/應用/互動 在使用者體驗 的設計考量中,用字也是一個相當重要的環節。此篇文章中,作者描述在 Dropbox 團隊中,如何透過數據資料來設計產品用字,並分享了許多工具與方法: (繼續閱讀…)...
「多語系網頁」在設計上該考慮什麼,才能為使用者體驗加分? 2017年06月24日 介面/網頁設計, 行動/應用/互動 多語系 (國際化)網頁在設計時,往往因不理解該地區的文化或語言,而忽視了許多小細節,累積起來就會造成諸多問題,例如:降低轉換率、無法完全地傳遞產品價值理念、降低使用者的信賴 … 等。作者 John Saito 以他在 Dropbox 工作的經驗,提供許多設計的小技巧給讀者,希望能解決在設計多語系產品的相關問題,期待能讓產品的體驗更好。 (繼續閱讀…)...
Adobe 推出的新掃描應用怎麼樣?我們試了試 2017年06月15日 行動/應用/互動 Adobe 新推出的這款應用只有一個功能:掃描。 需要和 Adobe Acrobat Reader 組合使用,用以查看文字識別結果。 應用免費,下載地址 Android(Google Play Store)| iOS(iTunes App Store 美區)。 (繼續閱讀…)...
讓全民上癮的「AR 實景紅包」,只是阿里巴巴新設計的冰山一角|專訪螞蟻金服 UED 總監梁山鷹 2017年06月05日 行動/應用/互動 新技術的出現影響著行業發展的軌跡。作為新技術的引領者之一,阿里巴巴總是給人驚喜。去年年末,由螞蟻金服的支付寶發起的「AR 實景紅包」,更是讓搶紅包的玩法升級,把用戶體驗玩出了新的高度,並再度引爆對技術和設計之間關係的探討。 (繼續閱讀…)...
「虛擬實境」為梅卡諾建築師事務所提供了一種新的設計方式 2017年06月03日 行動/應用/互動 隨著增強現實的出現以及耳機和軟件的可及性,越來越多的建築工作室開始使用虛擬實境作為其日常設計過程的一部分。荷蘭梅卡諾建築師事務所為客戶提供了大量的虛擬實境體驗,從觀看空間到智能手機到完全身臨其境的 3D 頭戴式視圖器。 (繼續閱讀…)...