轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.alimai.net  )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源：http://dev.yesky.com/95/35497095.shtml

WP手機(jī)Metro界面設(shè)計(jì)團(tuán)隊(duì)獲嘉獎(jiǎng)

很多人對于微軟的Metro設(shè)計(jì)不屑一顧，用丑陋和簡單來形容，甚至還有傳言稱微軟將取消Metro或者M(jìn)odern界面，不過今天微軟的一項(xiàng)舉措證明，微軟Metro設(shè)計(jì)將統(tǒng)領(lǐng)微軟。

今天微軟WP部門企劃副總裁@joebelfiore在Twitter上透露，微軟設(shè)計(jì)語言團(tuán)隊(duì)獲得微軟杰出技術(shù)成就獎(jiǎng)，該團(tuán)隊(duì)主導(dǎo)了WP手機(jī)、Windows8的Metro界面設(shè)計(jì)。

不得不說，很多人是因?yàn)?a style="outline-style:none;outline-color:invert;outline-width:medium;color:#272a30;cursor:text;text-decoration:none;" class="s_tag" target="_blank">Windows Phone的Metro界面而愛上WP手機(jī)的，而Metro界面設(shè)計(jì)也在不斷發(fā)展，被運(yùn)用到其他更多的地方。

魅族官方今天發(fā)文，詳細(xì)解釋了有關(guān)Flyme界面的設(shè)計(jì)理念和進(jìn)化。魅族表示，簡潔，一直是魅族崇尚的信條之一。從早期M8的驚艷亮相開始，魅族概括式的設(shè)計(jì)理念已經(jīng)貫穿了整個(gè)機(jī)器內(nèi)外。

Flyme系統(tǒng)是魅族專門為旗下手機(jī)開發(fā)的一套基于Android深度定制的系統(tǒng)。2009年2月18日魅族推出第一個(gè)基于Windows CE6.0內(nèi)核的正式版本手機(jī)操作系統(tǒng)（只適用于魅族M8，稱為Mymoblie操作系

作為一名UI設(shè)計(jì)師，每年都會(huì)沉浸在一些新的界面設(shè)計(jì)趨勢中興奮不已。接下來，我們將探尋2014年的設(shè)計(jì)趨勢，這絕對是意義非凡的事情。Web設(shè)計(jì)師必須洞悉所有相關(guān)領(lǐng)域的新趨勢，緊跟時(shí)尚潮流。

這次，藍(lán)藍(lán)設(shè)計(jì)想探索一下那些逐漸發(fā)展起來的UI設(shè)計(jì)潮流。也許過去我們只是偶爾嘗試一下這些設(shè)計(jì)風(fēng)格，但是今年我們會(huì)真正關(guān)注它們。分享一下幫你完成創(chuàng)意十足的網(wǎng)站設(shè)計(jì)的小技巧。

更多網(wǎng)站設(shè)計(jì)技巧欣賞：http://www.alimai.net/

更多留白/負(fù)空間

作為一名UI設(shè)計(jì)師，每年都會(huì)沉浸在一些新的界面設(shè)計(jì)趨勢中興奮不已。接下來，我們將探尋2014年的設(shè)計(jì)趨勢，這絕對是意義非凡的事情。Web設(shè)計(jì)師必須洞悉所有相關(guān)領(lǐng)域的新趨勢，緊跟時(shí)尚潮流。

這些新趨勢讓設(shè)計(jì)變得妙趣橫生。但是很多專家還會(huì)倡導(dǎo)那些并非最時(shí)髦、最震撼世界的設(shè)計(jì)。當(dāng)然，響應(yīng)式設(shè)計(jì)不僅去年是熱點(diǎn)，今年依然還會(huì)被人們重視。同樣，柵格化設(shè)計(jì)作為最基本的設(shè)計(jì)，也會(huì)被繼續(xù)延續(xù)下去。

這次，藍(lán)藍(lán)設(shè)計(jì)想探索一下那些逐漸發(fā)展起來的設(shè)計(jì)潮流。也許過去我們只是偶爾嘗試一下這些UI設(shè)計(jì)風(fēng)格，但是今年我們會(huì)真正關(guān)注它們。

更多留白/負(fù)空間

隨著移動(dòng)端設(shè)備的猛漲，現(xiàn)在UI設(shè)計(jì)師們做網(wǎng)站設(shè)計(jì)也要經(jīng)常考慮如何適應(yīng)這些不同分辨率的屏幕了。今天藍(lán)藍(lán)設(shè)計(jì)分享一些關(guān)于自適應(yīng)不同分辨率界面設(shè)計(jì)的幾個(gè)技巧，非常實(shí)用，建議同學(xué)們學(xué)習(xí)一下 ：）到的頁面效果是一樣的。

一、PC端

【舉例1】http://up.qq.com/2014/life/  1920*1080下顯示。

產(chǎn)品設(shè)計(jì)的原則有點(diǎn)太泛哈，今天藍(lán)藍(lán)設(shè)計(jì)這里想結(jié)合自己的工作心得來小結(jié)一下手機(jī)應(yīng)用設(shè)計(jì)8原則：

原則1：用戶界面應(yīng)該是基于用戶的心里模型，而不是基于工程實(shí)現(xiàn)模型

就是把后臺本來很復(fù)雜的事情通過界面設(shè)計(jì)符合用戶日常生活中常用的瀏覽方式或操作方式。其實(shí)這一點(diǎn)是UI設(shè)計(jì)師把生活中的細(xì)節(jié)和數(shù)據(jù)結(jié)合的凝聚點(diǎn)，用戶的心理模型抓的越準(zhǔn)，界面就會(huì)越優(yōu)秀。

作為一名UI設(shè)計(jì)師，每年都會(huì)沉浸在一些新的界面設(shè)計(jì)趨勢中興奮不已。接下來，我們將探尋2014年的設(shè)計(jì)趨勢，這絕對是意義非凡的事情。Web設(shè)計(jì)師必須洞悉所有相關(guān)領(lǐng)域的新趨勢，緊跟時(shí)尚潮流。

這些新趨勢讓設(shè)計(jì)變得妙趣橫生。但是很多專家還會(huì)倡導(dǎo)那些并非最時(shí)髦、最震撼世界的設(shè)計(jì)。當(dāng)然，響應(yīng)式設(shè)計(jì)不僅去年是熱點(diǎn)，今年依然還會(huì)被人們重視。同樣，柵格化設(shè)計(jì)作為最基本的設(shè)計(jì)，也會(huì)被繼續(xù)延續(xù)下去。

這次，藍(lán)藍(lán)設(shè)計(jì)想探索一下那些逐漸發(fā)展起來的設(shè)計(jì)潮流。也許過去我們只是偶爾嘗試一下這些界面設(shè)計(jì)風(fēng)格，但是今年我們會(huì)真正關(guān)注它們。

更多留白/負(fù)空間

于UI設(shè)計(jì)師，挖到免費(fèi)漂亮的Photoshop紋理就像和挖到寶藏一樣。在一個(gè)界面設(shè)計(jì)項(xiàng)目里，派給你一個(gè)妹子和一個(gè)恰當(dāng)?shù)?span id="vzvtrnn" class="wp_keywordlink_affiliate">紋理，你會(huì)要神馬？
廢話，肯定是妹子了！當(dāng)然接下來紋理也是缺一不可的！
今天藍(lán)藍(lán)設(shè)計(jì)推薦給您一些精挑細(xì)選的紋理，來試試將它們平鋪運(yùn)用到你的web設(shè)計(jì)中吧。

Crafted Wood

網(wǎng)頁設(shè)計(jì)中其實(shí)有個(gè)很重要的UI設(shè)計(jì)元素常常被大家忽視，呃！它就是搜索框！別看一個(gè)搜索框就是一個(gè)小盒子、一個(gè)小方框！它可有著莫大的用處。它經(jīng)常會(huì)出現(xiàn)在角落或者側(cè)邊欄，它能迅速幫助你的訪問者找到資料（靠用戶自己腦海的習(xí)慣記憶以及和你網(wǎng)站設(shè)計(jì)匹配的關(guān)鍵字）。

國外的網(wǎng)站界面設(shè)計(jì)上，大家都可以看到，這個(gè)小框子的交互和設(shè)計(jì)越來越別出心裁了。那些交互和細(xì)節(jié)優(yōu)化不僅僅是為了吸引訪客的眼球，更多時(shí)候，是在培養(yǎng)用戶對搜索框的使用，上留住訪客，并把你的網(wǎng)站上的每一個(gè)干貨展現(xiàn)給訪客。

那么，今天藍(lán)藍(lán)設(shè)計(jì)收集了一些漂亮的搜索框設(shè)計(jì)，來細(xì)細(xì)品味一下吧！它們從字體、顏色、陰影、梯度等不同角度做了改變！希望對您的項(xiàng)目有幫助！

Free Custom Search Boxes (PSD)