關鍵字：UI
像素密度 (Pixel Density) 的意思是像素 (Pixel) 被壓縮到某個數量的實體面積（通常是英吋）。最初的 Mac 每吋有 72 個像素：聽起來好像很多，但是圖片只要符合以下這樣的粗顆粒像素就好了。
這個圈子平均每一兩個月出一個新工具、每天有新觀點和新文章被分享轉載著，回首 2017 和 2016 的差別就很大了，流行的風格元素、工具使用、設計的方式、思考法等等都略有不同；有鑒於 UI 設計師是一個這麼變動職業（？）我每天上班前第一件事就是看我的 Feedly 蒐集了什麼新文章，只挑有興趣的看還不見得看得完啊～（遠目）所以今天僅分享一些設計文章的來源，主要是新聞、心得、經驗、教學分享類為主
要如何製作視覺平衡的圖示、修正各種形狀的靠齊，還有讓圓角完美呈現。包含超過 50 張圖片。眼睛是非常詭異的器官，常常對我們說謊。但是，如果可以熟悉人類視覺感知 (visual perception) 的特質，就能打造易懂又俐落的設計。不僅僅是字型設計師利用視覺技巧，製作易讀且良好平衡的字型，對於打造人機溝通的 UI 設計師也很有幫助。
關鍵字：UI、IPHONE、X、design、ios、web、CSS、HTML、layout、Margins、鍵盤、Home Indicator、Safe Area、Landscape
原文刊登於 Medium ，INSIDE 經授權轉載。作者Taylor，UI及數位產品設計師，專精於iOS、Android及Web等平台，光讀HIG是不夠的，這裡幫你整理一些更細節的資訊，讓你省去向開發者問東問西的時間。
在演講的 QA 時間，有幾位 F2E 跑來問我這個問題，看來這是許多人心中的痛啊…甚至連圖都不讓設計師切了、直接自己來，卻還是狀況連連…如何讓公司的平面設計師交出可以用的 web 圖呢？
問了這幾位 F2E 他們用什麼軟體切圖，答案是 Illustrator ，聽到的當下就覺得不妙。我非常不支持拿 Illustrator 做任何給螢幕用的檔案，切圖不便、對 PX 的支援度也很差，Illustrator 是印刷用軟體。當公司只給你平面設計師、沒有 UI 的時候，所有 Mockup 都出自平面設計手中，F2E 要如何自力救濟？
Apple 在年中舉行的 WWDC （世界開發者大會），除了將未來一年軟體更新的做重點介紹外，還有一整週的論壇及 workshop。而每一場論壇的結束後，都會上傳到 Apple 的官方網站上供大家觀看。
我們從今年度（2016）的設計類論壇中挑選幾項有趣的主題，整理後以圖文的方式分享給大家。如果你正有開發的項目，準備進軍全球，這些重點可對產品的設計與推廣上有所價值；而一般的開發者、使用者經驗分析師、介面設計師們，也能在論壇的重點中得到更多的知識。
關鍵字：使用者介面、使用者體驗、UI、UX、APP設計、網頁設計、專案開發流程
也許你已經對如何創造一個很棒的 app、傳遞觸動人心的故事以及提供驚艷的視覺設計很有經驗。但市場競爭日趨激烈，有這樣條件的 app 可能還是無法鶴立雞群，還需要更多能連結使用者感受的元素。
關鍵字：使用者介面、使用者體驗、個人圖像、個人頭像、UI、UX
大家有沒有覺得有越來越多的平台或 App ，喜歡使用 “圓形" 作為使用者的 “個人頭像" 形狀。該不會是近期的設計風潮？還是大部分介面設計師的愛好？或有其他特別的原因呢？大舌頭藉由歸納網路社群中專家的討論，以及問卷調查的結果分析，逐步 釐清這個秘密，內容精彩不要錯過喔 ~
關鍵字：UI、UX、UI Design、Usability design、User Experience Design
UI 與 UX 有什麼不同？Conversion Lab 整理了網路上常見的 UI 與 UX 差異圖，一圖勝千言，讓我們用這些圖來看一下 UI & UX 不同之處吧，已經了解差異的讀者也可以來數數看自己曾經看過的圖有幾張。
隨著 JQuery 的盛行，網站大量地使用JQuery來開發，但伴隨著所開發的網頁功能
益趨複雜，使用者有時也感覺這些有著絢麗功能的網站，似乎也伴隨著網頁效能不佳的問題。
關鍵字：jQuery Mobile、跨平台行動APP、HTML5 網頁設計、Web APP、jquery、UI
傑立資訊事業有限公司電話：(02)2739-9096 | 傳真：(02)2739-6637 | 客服：[email protected] | 臺北市信義區和平東路3段257號6樓map
© 2016 傑立資訊 All rights reserved.法律顧問：宇恒法律事務所
