首頁(yè)

集成搜索應(yīng)用 Ai Search 重設(shè)計(jì)

周周

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

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

用心設(shè)計(jì)

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

wy20150419 (2)

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

用心設(shè)計(jì)

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

現(xiàn)象

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

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

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

用心設(shè)計(jì)

1、終端設(shè)備

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

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

圖標(biāo),文字,還是圖標(biāo)加文字?

用心設(shè)計(jì)

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

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

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

iOS 平板與 Android 平板的交互與動(dòng)畫

用心設(shè)計(jì)

iOS 8 的設(shè)計(jì)原則在我的理解是:

  1. 充分利用整個(gè)屏幕(所謂「沉浸式」)、弱化擬物設(shè)計(jì)、使用毛玻璃底板等方式去突出主體內(nèi)容,以內(nèi)容為主
  2. 通過留白、不同狀態(tài)的顏色、排版及無邊框的按鈕保證內(nèi)容顯示的清晰度
  3. 利用毛玻璃、重疊效果及空間的大小關(guān)系(如日歷中「年」與「月」)表達(dá)空間中的層級(jí)關(guān)系。

而要講 Android 5.0 設(shè)計(jì)原則就必須說到谷歌推出的全新設(shè)計(jì)語言 Material Design 。Material Design 的設(shè)計(jì)原則在我的理解里是這樣的:

  1. 通過紙面質(zhì)感的設(shè)計(jì)效果(包括排版、網(wǎng)格、空間、比例、配色、圖像使用)讓用戶感到自然(明白隱喻)
  2. 突出核心功能,引導(dǎo)用戶操作
  3. 對(duì)用戶的行為進(jìn)行統(tǒng)一的、恰當(dāng)?shù)姆答?/li>

成為多面體設(shè)計(jì)師!聊聊橫向設(shè)計(jì)的思考

周周

成為多面體設(shè)計(jì)師!聊聊橫向設(shè)計(jì)的思考

編者按:優(yōu)秀設(shè)計(jì)師與卓越設(shè)計(jì)師的差別在哪?卓越的設(shè)計(jì)師關(guān)注的不止是視覺,還要從橫向上分析不同產(chǎn)品的屬性,考慮不同角色(PM/BOSS/運(yùn)營(yíng))的設(shè)計(jì)好壞標(biāo)準(zhǔn),產(chǎn)品的生命周期等等,今天分享一篇百度同學(xué)的好文,淺聊這方面的知識(shí),權(quán)當(dāng)拋磚引玉,希望能拓寬設(shè)計(jì)師們的思路。

日歷

鏈接

個(gè)人資料

存檔