超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

首頁

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

用心設(shè)計

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

wy20150419 (2)

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

用心設(shè)計

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

現(xiàn)象

首先說現(xiàn)象,大家都知道移動端設(shè)備屏幕尺寸非常多,碎片化嚴重。尤其是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ī)律可循。

界與面-移動網(wǎng)站設(shè)計經(jīng)驗談

用心設(shè)計

移動端網(wǎng)站是指運用HTML技術(shù)運行在手機瀏覽器或內(nèi)置瀏覽器內(nèi)的webAPP。很多人現(xiàn)在口中總說“H5, 適配站”,其實這種叫法是不準確的。

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

用心設(shè)計

1、終端設(shè)備

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

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

圖標,文字,還是圖標加文字?

用心設(shè)計

圖標是界面的基本組成部分之一,然而在很多時候,圖標本身也在破壞著界面的清晰性。

象形圖出現(xiàn)在人類早期,我們可以將其視為最初的文字形式。如今,在某些文明群體中,象形圖依然是人們進行溝通的主要媒介。

01-icon-design-text-ui-ux-design.jpg

產(chǎn)品需求確定后,這五步助你設(shè)計出合理界面

用心設(shè)計

1 邏輯分類

將對象按照一定的現(xiàn)實邏輯進行分類組織。例如,在生活中,要買一個洗衣機,在百貨商城中依次找到家電賣場→大家電類→洗衣機品類→(品牌、容量、是否智能、缸數(shù)等)。相應地,一個電子商務網(wǎng)站的信息組織形式類似設(shè)計。

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.miumiuwan.com

存檔