首頁

小處顯逼格!APP界面如何在細節(jié)上提升氣質(zhì)?

周周

app-detail-improve-temperament-1

時代總是在螺旋式地發(fā)展變化中,設計潮流也是如此。隨著移動端扁平化設計推進,越來越多的設計師不滿足于僅僅是色塊、圖標和系統(tǒng)字體的枯燥組合,而把更多的心思投入到精益求精的視覺設計中。從平面設計引申過來的技巧在這時起到了畫龍點睛的作用:一些細節(jié)上的處理,為移動產(chǎn)品的界面大大地提升了品牌逼格。

關于APPLE WATCH官方提到的10個設計小技巧

用心設計

通過分析蘋果官方在 WWDC 上的演示情況,看見平均每一次用戶與 Watch 的交互操作所耗費的時間,在 2 到 5 秒之間。假如你只能從這篇文章中記住一點,那它應該是——為用戶提供信息時,要盡可能的快。這一點對于 Watch 來說真的非常非常重要。

1. 優(yōu)化 JPG 圖片

Apple Watch 的用戶通常是在行走過程中,瞥一眼那塊 4 厘米大小的屏幕。所以他們需要的是更快的加載速度,而不是高清圖片。

2js20150617

基于屏幕的圖片尺寸的邏輯關系及移動界面的尺寸知識點

用心設計

我知道這個標題念起來會讓你覺得非常拗口,如果你是中文系畢業(yè)的,或許還能從中挑出語病來,但我想你明白我要表達什么意思,對不對O(∩_∩)O哈哈~

要講的東西其實都是很簡單的邏輯關系,但可能很多人都跟我一樣稀里糊涂的做了多年設計卻一直沒搞明白其中的關系。當然你不明白其中的關系并不影響你 做出好的作品,但作為有理想有擔當有著歷史責任感…(此處省略一萬字的排比)…的設計師,明白這些基本的知識點,能讓你更好的…(想了下并沒有什么實際好 處(┬_┬)…)

集成搜索應用 Ai Search 重設計

周周

Ai Search 是一款主打集成搜索的應用,當用戶輸入關鍵詞,應用就會在預選好的多個搜索引擎和網(wǎng)站同時發(fā)起搜索。并且 Ai Search 可以為指定搜索引擎或網(wǎng)站添加標簽,連同關鍵詞一并搜索,也可以由用戶自行添加搜索的引擎或網(wǎng)站。

網(wǎng)易新聞安卓客戶端MATERIAL DESIGN實戰(zhàn)

用心設計

光說不練假把式,聊了這么多的Material design技巧,是時候來看看國內(nèi)APP怎么跟上這股潮流了。今天網(wǎng)易的同學分享了新聞客戶端的Material design改版過程,來感受下 >>>

wy20150419 (2)

全面的移動端尺寸基礎知識科普指南

用心設計

初涉移動端設計和開發(fā)的同學們,基本都會在尺寸問題上糾結(jié)好一陣子才能摸到頭緒。我也花了很長時間才弄明白,感覺有必要寫一篇足夠通俗易懂的教程來幫助大家。從原理說起,理清關于尺寸的所有細節(jié)。由于是寫給初學者的,所以不要嫌我啰嗦。

現(xiàn)象

首先說現(xiàn)象,大家都知道移動端設備屏幕尺寸非常多,碎片化嚴重。尤其是Android,你會聽到很多種分辨率:480×800, 480×854, 540×960, 720×1280, 1080×1920,而且還有傳說中的2K屏。近年來iPhone的碎片化也加劇了:640×960, 640×1136, 750×1334, 1242×2208。

不要被這些尺寸嚇倒。實際上大部分的app和移動端網(wǎng)頁,在各種尺寸的屏幕上都能正常顯示。說明尺寸的問題一定有解決方法,而且有規(guī)律可循。

移動產(chǎn)品的典型設計思路總結(jié)

用心設計

1、終端設備

傳統(tǒng)互聯(lián)網(wǎng):主要的接入終端是計算機。計算機是高度標準化的設備,無論是Mac陣營,還是PC陣營(其他的架構不討論了)。具體體現(xiàn)在:

  • 絕大部分個人計算機使用的硬件是標準化的,并且功能強大多樣
  • 絕大部分屏幕的分辨率在1024px及以上,尺寸較大
  • 軟件終端比較統(tǒng)一,都是瀏覽器(暫時不考慮客戶端產(chǎn)品),并且由于Web標準的存在,不同的瀏覽器(或者說不同的內(nèi)核)對于前端的解析相差不大
  • 技術標準相對統(tǒng)一,比如用HTML寫結(jié)構;用CSS寫表現(xiàn);用JS寫前端行為;用PHP、JSP等寫后端;用MYSQL等管理數(shù)據(jù)庫等。做出來的東西基本上認為是跨平臺的

日歷

鏈接

個人資料

藍藍設計的小編 http://bouu.cn

存檔