如何讓你的圖標在不同分辨率的設備上看起來一樣大

首先,作者寫這篇文章的意圖在于,如何讓你的圖標在不同分辨率的設備上看起來一樣大。 下面來記一下筆記: 現在常說的分辨率有兩種,一種是屏幕內像素的數量,一種是像素/英寸,我可是琢磨了兩天吶,最后還是…

讀書筆記:分析產品需求的幾個關鍵詞

本篇為《破繭成蝶:用戶體驗設計師的成長之路》的讀書筆記之一,此書由網易交互設計師所寫,結合實際工作,皆為血淚經驗之談,極具實操性,推薦閱讀。以下圖片皆來自此書。

iPhone 6 屏幕揭秘

幾天前,Apple發布了iPhone 6 Plus. 新的iPhone大幅改變了圖像在屏幕上渲染的方式。我們做了一個圖表進行詳細分析:

帶你認識最新的圖片格式WEBP

前言 不管是 PC 還是移動端,圖片一直是流量大頭,以蘋果公司 Retina 產品為代表的高 PPI 屏對圖片的質量提出了更高的要求,如何保證在圖片的精細度不降低的前提下縮小圖片體積,成為了一個…

為Apple Watch進行設計的五點原則

在為Apple Watch進行設計時,以下五點是設計師們需要注意的: 1.Apple Watch是個人化的設備 Apple Watch是面向穿戴而設計的,它不是一種一直被放在口袋里的設備。Appl…

APPLE WATCH人機交互指南之圖標與圖片設計

Apple Watch?人機交互指南對于除了對交互和UI元素進行了詳細的說明之外,還單獨開辟了一章來規范圖標和圖片的使用,這個部分的內容并不多,但是非常重要。一套系統的規范可靠與否,往往都是從…

APPLE WATCH人機交互指南之UI元素設計

編者按:豆腐得趁熱吃,好東西也得趕緊學起來,這篇人機交互指南19號剛有的英文版,優設幾位譯者分工合作,兩天搞定了一大半,今天放出第二波,熱愛學習新東西的同學們,該收貨咯!

APPLE WATCH人機交互指南之UI設計基礎

千呼萬喚始出來!隨著Apple Watch開賣的日子臨近,我們終于等來了Apple Watch的官方文檔(HIG)!發布會的時候,許多用戶都對水果神教的智能手表的設計表示懷疑,為什么要這么設計?答案就…

響應式Web設計的9項基本原則

響應式web設計對于解決多類型屏幕問題來說是個不錯方案,但從印刷的角度來看,其卻存在著很多的困難。沒有固定的頁面尺寸、沒有毫米或英寸,沒有任何物理限制,讓人感到無從下手。

圖像信息你知多少

容量大小、尺寸、像素、分辨率,到底誰是誰? 凡事操作電腦的人,很多時候,我們都會遇到被要求上傳圖片,比如,當你注冊一個賬戶后,要上傳個人圖像;當你寫博文的時候,要想附帶圖片;

出于好奇而對iPhone 6+ 1920X1080PX分辨率的分析

本質上,APP以1242px×2208px作為其原始分辨率,而經過下采樣到1080p的顯像則作為其物理表現形式。那問題來了: 1.為什么蘋果選擇1080p的面板而不是1242px×2208px的…

iPhone6和iPhone6 plus的iOS8設計尺寸參考指南

不管怎樣,我們要相信土豪還是多的,iphone?6 和 plus 出來后,道長就苦苦追尋IOS 8 在i6 和 plus 。下面的設計尺寸,百度是找不到的,問過好幾個開發群,也沒有收獲,幸好認…

終極指南!怎樣為iOS8應用制作預覽視頻

最近一兩個月里,蘋果的世界里出現了很多新東西,比如屏幕更大的iPhone 6,可穿戴設備Apple Watch,iOS8,以及旨在幫助用戶更好的發現應用的App Store改版等等。

iOS 8人機界面指南(二):設計策略

本文索引 2.1 設計原則(Design Principles) 2.1.1 美學完整性(Aesthetic Integrity) 2.1.2 一致性(Consistency)…

干貨收藏!超實用的IOS 8 快速設計參考指南

本文主要講述iPhone6和iPhone6 Plus的app在ios8系統上的設計尺寸,包括文字大小、狀態欄高度、導航欄高度、工具條高度以及app圖標大小。為了能讓童鞋們可以很好收藏,這里也是整張圖片…