午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

最近微軟已經(jīng)正式發(fā)布了Windows8 操作系統(tǒng)，Window操作系統(tǒng)的風(fēng)格已經(jīng)完全改變成了瓦片狀的Metro UI。

對(duì)于微軟來(lái)說(shuō)這是一個(gè)巨大的改變，而且所有微軟的平臺(tái)包括，桌面，平板，移動(dòng)及其網(wǎng)站都使用這個(gè)UI風(fēng)格。

Metro UI包含了所有的現(xiàn)代Web設(shè)計(jì)的特點(diǎn)，包括了，簡(jiǎn)化，基于網(wǎng)格的界面，并且富有連續(xù)性。 大家如果有興趣可以看看這個(gè)界面設(shè)計(jì)說(shuō)明（http://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx ）。

如果你也喜歡Metro風(fēng)格的話(huà)，這里我們收集了很多windows 8的Metro UI風(fēng)格布局資源，希望大家喜歡！

Metro風(fēng)格的網(wǎng)站框架和模板

Metro UI CSS

Metro UI CSS是一個(gè)非常完整的創(chuàng)建Metro風(fēng)格的網(wǎng)站的框架。使用LESS創(chuàng)建，并且擁有網(wǎng)格系統(tǒng)，排版樣式，表格，按鈕和圖片。

同時(shí)也擁有內(nèi)建的javascript組件，幫助你生成片狀，菜單，邊欄，進(jìn)度條，提示等等

etro UI CSS

BootMetro

BootMetro是一個(gè)Twitter Bootstrap的Metro風(fēng)格主題。你可以創(chuàng)建Metro風(fēng)格的樣式。例如，片狀UI，工具欄，其它組件。

metro-bootstrap

　再過(guò)幾周，圣誕節(jié)就要來(lái)了！這篇文章給大家?guī)?lái)56套高質(zhì)量的圣誕節(jié)矢量圖素材，可以免費(fèi)下載使用。設(shè)計(jì)師經(jīng)常需要去網(wǎng)上搜羅一些矢量圖片素材用于設(shè)計(jì)任務(wù)，網(wǎng)上的各種資源琳瑯滿(mǎn)目，要找到合適的素材可能需要花費(fèi)大量的時(shí)間，這些高質(zhì)量的矢量圖素材既能為設(shè)計(jì)師節(jié)省時(shí)間，又能有很不錯(cuò)的效果。

01. Snowing Christmas Card

Admin Panel Template

這個(gè)后臺(tái)管理模板的導(dǎo)航設(shè)計(jì)非常漂亮，頭部還有未讀的短消息和提醒的條數(shù)顯示。

在線(xiàn)演示     PSD下載     HTML&CSS下載

Charisma Admin Template

Charisma 是基于 Twitter Bootstrap 制作的響應(yīng)式網(wǎng)站管理后臺(tái)模板，包含9套漂亮的主題。

在線(xiàn)演示     免費(fèi)下載

Selene

Selene 是另外一套色彩亮麗的 jQuery UI 主題，包含所有 jQuery UI 組件的主題樣式。

Delta

一套非常美觀(guān)的 jQuery UI  主題，使用了 CSS3 漸變特性，在暗色和亮色背景都適合。

邏輯，也就是思維的規(guī)律。小時(shí)候有人問(wèn)我一群羊加一群羊等于多少群羊，我二話(huà)不說(shuō)是兩群羊，他說(shuō)錯(cuò)了，是一大群羊。1+1=2是真理，1+1=1也是真理。邏輯的存在如同我們?nèi)粘Ｉ钜粯印Ｓ兄懿豢煞值某B(tài)感。種族之間的相互不一影響著人類(lèi)的認(rèn)知，美國(guó)人的獨(dú)立平等可不一定能讓各就其位等級(jí)嚴(yán)格的日本人接受。所以，我理解的設(shè)計(jì)中的邏輯，是常規(guī)意識(shí)下有規(guī)范有順序，有理有據(jù)，小到一個(gè)符號(hào)也能說(shuō)明和畫(huà)面的關(guān)系以及他存在的意義的。

所以，個(gè)人才疏學(xué)淺，不敢說(shuō)自己寫(xiě)的多么有道理，只為這寥寥幾年的設(shè)計(jì)工作經(jīng)驗(yàn)和閱讀書(shū)籍中得來(lái)的一些設(shè)計(jì)中的邏輯推論，總結(jié)如下。

1．設(shè)計(jì)中的閱讀邏輯-古騰堡圖表

  環(huán)顧下四周，充電器、鼠標(biāo)、本子、包包、盒子等等，有沒(méi)有發(fā)現(xiàn)這些東西越來(lái)越玲瓏，越來(lái)越滿(mǎn)足了你的個(gè)人愛(ài)好？
        社會(huì)在倡導(dǎo)一種獨(dú)立自我的精神，于是我們能看到各種各樣的新鮮事物。即使最常見(jiàn)的日用品，也開(kāi)始走藝術(shù)化、個(gè)性化路線(xiàn)，比如家居產(chǎn)品、生活用品、軟件應(yīng)用等等，這就對(duì)設(shè)計(jì)師有了更高的要求。那么，這些獨(dú)特的東西都來(lái)自哪里，設(shè)計(jì)靈感從何而來(lái)？我們?cè)摰侥睦锇l(fā)現(xiàn)更多這些東西？
        這些往往都?xì)w功于設(shè)計(jì)師，每一個(gè)設(shè)計(jì)師都有一份獨(dú)特的情懷，我們來(lái)挖挖設(shè)計(jì)圈達(dá)人的百寶箱中都有些啥：

藍(lán)藍(lán)注:看到晨曦配的這些美麗的色調(diào)，很喜歡！從美好大自然中取色，學(xué)習(xí)，是最好的辦法

做設(shè)計(jì)久了，有時(shí)會(huì)回頭想一下，到底設(shè)計(jì)是什么？

在我理解，設(shè)計(jì)的核心即把握動(dòng)機(jī)、實(shí)現(xiàn)需求，這兩點(diǎn)做到位了的話(huà)，整個(gè)產(chǎn)品的架構(gòu)也就自然而然形成，剩下的工作就只是完善和調(diào)整細(xì)節(jié)。

一. 理解動(dòng)機(jī)

要把握動(dòng)機(jī)，首先要理解動(dòng)機(jī)。所謂動(dòng)機(jī)，我認(rèn)為有三種，而這三種動(dòng)機(jī)就是產(chǎn)品最終形態(tài)的來(lái)源。如果其中一樣沒(méi)有把握好，就無(wú)法做出好的產(chǎn)品。

a. 產(chǎn)品（功能）開(kāi)發(fā)的動(dòng)機(jī)
以前對(duì)這方面不太關(guān)心，做不同的產(chǎn)品都是懷著一樣的態(tài)度一樣的標(biāo)準(zhǔn)去做，作為交互設(shè)計(jì)師，只想著怎樣讓產(chǎn)品好用。但這樣做出來(lái)的設(shè)計(jì)不一定能達(dá)到產(chǎn)品的目標(biāo)，不同的產(chǎn)品或功能有對(duì)應(yīng)不同的設(shè)計(jì)對(duì)策，根據(jù)產(chǎn)品開(kāi)發(fā)動(dòng)機(jī)的不同，我將它們分為六大類(lèi)：

保守型： 這類(lèi)產(chǎn)品也可以稱(chēng)為跟風(fēng)型，它們的開(kāi)發(fā)動(dòng)機(jī)是“別人有我們也來(lái)搞”，看到這個(gè)產(chǎn)品有盈利可得，就來(lái)湊熱鬧分一杯羹，企業(yè)不會(huì)投入很多資源，產(chǎn)品也一般沒(méi)有很大特色。如果碰到此類(lèi)產(chǎn)品，設(shè)計(jì)師往往很無(wú)奈，如果無(wú)法與PM重新對(duì)產(chǎn)品進(jìn)行定位，只能做些不痛不癢的東西，我們能做的就是通過(guò)設(shè)計(jì)進(jìn)行細(xì)微的改善。

常規(guī)型： 企業(yè)已有的長(zhǎng)期產(chǎn)品，如QQ、騰訊網(wǎng)等。由于產(chǎn)品已經(jīng)比較成熟，提升空間往往在細(xì)節(jié)的體驗(yàn)，無(wú)論對(duì)產(chǎn)品還是設(shè)計(jì)，摳細(xì)節(jié)很重要，而不是一味地去增加功能。另外，隨著時(shí)間推移以及市場(chǎng)的變化，這些產(chǎn)品的功能以及定位可能會(huì)發(fā)生改變，設(shè)計(jì)思路也應(yīng)隨之轉(zhuǎn)化。

競(jìng)爭(zhēng)型： 例如soso和電腦管家，其開(kāi)發(fā)的動(dòng)機(jī)并不是說(shuō)一定要能打敗百度和360，而是為了填補(bǔ)產(chǎn)品類(lèi)型空洞，占有一部分市場(chǎng)，限制競(jìng)爭(zhēng)對(duì)手的發(fā)展，像Tita也是此類(lèi)產(chǎn)品。設(shè)計(jì)的時(shí)候要注意的是，在不損失基礎(chǔ)功能的前提下要有一定的自我特色，差異化及一些小噱頭是吸引用戶(hù)的重要因素。
 

項(xiàng)目背景

自2010年9月15日360極速瀏覽器發(fā)布以來(lái)，默認(rèn)界面一直沿用Chrome的外觀(guān)設(shè)計(jì)。隨著360極速瀏覽器的發(fā)展以及品牌化建立的需求，360UXC與產(chǎn)品團(tuán)隊(duì)進(jìn)行了深度的合作，以?xún)?yōu)化用戶(hù)體驗(yàn)與提升視覺(jué)品質(zhì)為目標(biāo)參與到極速瀏覽器6.0版本的整體形象設(shè)計(jì)中，設(shè)計(jì)了全新的瀏覽器界面和官方網(wǎng)站，為360極速瀏覽器的品牌化建立打下了堅(jiān)實(shí)的基礎(chǔ)（chrome.360.cn )。

設(shè)計(jì)準(zhǔn)備

我們?yōu)榻⑵放苹曈X(jué)設(shè)計(jì)進(jìn)行了多種有意義的嘗試，設(shè)計(jì)前期與產(chǎn)品部門(mén)進(jìn)行了深度的溝通交流，了解產(chǎn)品的人群定位，發(fā)展方向，用戶(hù)研究進(jìn)行了核心360極速瀏覽器用戶(hù)調(diào)研，為下一步設(shè)計(jì)做好充分的準(zhǔn)備。之后組織設(shè)計(jì)師，進(jìn)行Brainstorming,分析現(xiàn)在的設(shè)計(jì)流行趨勢(shì)，包括相關(guān)競(jìng)品優(yōu)缺點(diǎn)分析等工作。

首先我們從整體的設(shè)計(jì)趨勢(shì)出發(fā)，研究總結(jié)Windows xp風(fēng)格過(guò)渡到Windows 8的Metro風(fēng)格變化過(guò)程，發(fā)現(xiàn)整體的界面質(zhì)感慢慢趨向于平面化，這為后期設(shè)計(jì)帶來(lái)了理論性依據(jù)。

認(rèn)識(shí)專(zhuān)題

頁(yè)面特性：產(chǎn)品頁(yè)面簡(jiǎn)潔易用，專(zhuān)題頁(yè)面絢麗視效印象深刻。

在頁(yè)面設(shè)計(jì)當(dāng)中，產(chǎn)品頁(yè)面（如facebook 微博 twitter 微吧等）的設(shè)計(jì)。注重功能，交互，設(shè)計(jì)要考慮用戶(hù)長(zhǎng)時(shí)間的瀏覽體驗(yàn)。視覺(jué)上側(cè)重間距，布局，按鈕和logo,及icon樣式。注重規(guī)范和視覺(jué)識(shí)別性。樣式通常簡(jiǎn)潔易用，絢麗元素少，視覺(jué)上并不強(qiáng)調(diào)沖擊力。

專(zhuān)題頁(yè)面時(shí)效性有限（大多專(zhuān)題是有推廣及活動(dòng)時(shí)間限制的，過(guò)了這個(gè)時(shí)間，就很少會(huì)有人再訪(fǎng)問(wèn)該頁(yè)面。），多為活動(dòng)推廣和吸引用戶(hù)等內(nèi)容，能在限定的時(shí)間的吸引最多用戶(hù)才能形成有力的推廣，需要強(qiáng)有力的視覺(jué)效果，和有趣的瀏覽體驗(yàn)，來(lái)達(dá)到吸引用戶(hù)的特點(diǎn)。在規(guī)范和布局甚至交互上可以適當(dāng)放寬要求。

用搶眼的視覺(jué)吸引戶(hù)并留下深刻印象是專(zhuān)題設(shè)計(jì)的首要！

傳統(tǒng)產(chǎn)品頁(yè)面，簡(jiǎn)潔注重功能和圖標(biāo)等視覺(jué)設(shè)計(jì)。