最近項(xiàng)目中使用了一些插件來(lái)做頁(yè)面，這里把jQuery UI的使用分享出來(lái)，希望 對(duì)新手有幫助。文章結(jié)尾附源碼下載。

1     jQuery UI

2     為我所用

　　2.1     Tabs

　　2.2     Accordion

　　　　2.2.1   使用基本的Accordion

　　　　2.2.2   實(shí)現(xiàn)打開(kāi)多個(gè)標(biāo)簽

　　　　2.2.3  Accordion的嵌套

3     給插件應(yīng)用主題——Theme Roller

　　3.1     更改配色

　　3.2     更改圖標(biāo)

　“很多創(chuàng)業(yè)者在融到VC的資金后，會(huì)在第一年花掉募集資金的50%-80%，然后第二年把剩下的錢(qián)花掉。他們募資后會(huì)雄心勃勃地干三件大事：1擴(kuò)大辦公室或者搬豪華辦公室 2漲工資，大幅招人 3市場(chǎng)營(yíng)銷費(fèi)用巨增。之后，他們又沒(méi)錢(qián)了，并處在生死邊緣。很多創(chuàng)業(yè)者，都會(huì)因?yàn)樵?jīng)花錢(qián)太快后悔!”(清科集團(tuán)CEO 倪正東)

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.tuitetiyu.cn  )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(guó)內(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ù)

來(lái)源：http://iamsujie.com/4000/4024/

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，   請(qǐng)點(diǎn)這里

競(jìng)品分析，具體怎么分析，網(wǎng)上有很多方法，但是到底什么是“競(jìng)品”，今天隨便聊聊。

假設(shè)你是一個(gè)早點(diǎn)攤子上，負(fù)責(zé)賣豆?jié){的伙計(jì)（不好意思，分工有點(diǎn)兒過(guò)細(xì)了），這時(shí)候你為了賣出更多的豆?jié){，獲得更多的提成，你開(kāi)始做競(jìng)品分析，你會(huì)把什么當(dāng)做競(jìng)品？

好，旁邊那個(gè)攤子上賣豆?jié){的，跑不了，肯定是。這是最初級(jí)的考慮，同質(zhì)產(chǎn)品，這叫“用同樣的產(chǎn)品功能解決同樣的用戶需求”，和這樣的競(jìng)品玩，比得是產(chǎn)品功能的優(yōu)劣，比如你是現(xiàn)磨的，他是采購(gòu)袋裝的，你可以引發(fā)喝豆?jié){應(yīng)該加糖還是加醬油的曠世舌戰(zhàn)，他可以有紅豆味、花生味，可以裝背包里帶走……你觀察一下每天路過(guò)的用戶都是啥樣的人，大致就知道各自的優(yōu)劣勢(shì)了。

這樣的競(jìng)品分析，相對(duì)簡(jiǎn)單，瞄著和你做同樣產(chǎn)品的人即可，好比新浪微博盯著騰訊微博，暴風(fēng)影音盯著QQ影音。而這種分析的結(jié)果，往往也只能帶來(lái)一些功能層面上的優(yōu)化，不會(huì)對(duì)產(chǎn)品方向帶來(lái)什么新思路。

日子一天天過(guò)去，咱現(xiàn)磨的豆?jié){越來(lái)越得到用戶的認(rèn)可，健康看得見(jiàn)嘛，忽然某天早上，你發(fā)現(xiàn)隔壁攤子居然放棄豆?jié){市場(chǎng)了，開(kāi)始賣各種牛奶和果汁！你震驚了，Why？趕緊去問(wèn)用戶，你為什么要買豆?jié){？用戶不一定是要喝豆?jié){，而很可能的答案是——包子太干了，應(yīng)該有點(diǎn)喝的東西，所以，牛奶也可以啊。

“用不同的產(chǎn)品功能解決同樣的用戶需求”。這叫“替代品”，可以延伸閱讀波特五力模型。于是，你體會(huì)到，競(jìng)品分析不應(yīng)該單單停留在對(duì)“產(chǎn)品功能”的分析上，還可以去尋找你這個(gè)功能背后要滿足的“用戶需求”，能解決同樣“用戶需求”的其他解決方案，也是競(jìng)品。這種分析，會(huì)給產(chǎn)品帶來(lái)新思路、新方向，好比，做網(wǎng)上超市的要多去沃爾瑪逛逛，做報(bào)紙的應(yīng)該訂幾份雜志。

多去接觸用戶，你會(huì)發(fā)現(xiàn)，他們買豆?jié){的原因還不止一種，“同樣的產(chǎn)品功能解決不同的用戶需求”也很正常。這會(huì)反過(guò)來(lái)促使你重新思考自己的定位，到底要優(yōu)先滿足什么需求？于是你會(huì)在不同的需求場(chǎng)景下，找到不同的替代品：豆腐、千張（有人喜歡豆制品）；粥、餛飩（包子也不買了，直接來(lái)稀的）；自來(lái)水、漱口水（吃完包子漱口，把菜葉弄掉……）。

想清楚了，再進(jìn)一步，你還可以把這個(gè)買豆?jié){的原因追問(wèn)下去“為什么”，從而“用同樣的產(chǎn)品功能滿足不同層次的用戶需求”。最深總可以挖到人性的心理或生理層面，比如喜歡豆制品那個(gè)，也許是用戶體檢后發(fā)現(xiàn)自己缺什么元素，所以與某些保健品、藥品也有關(guān)系，那么，你賣豆?jié){，是否可以往“健康”的需求上靠？這樣，在不同層次上，通過(guò)對(duì)不同的競(jìng)品做分析，你可以給產(chǎn)品更多跨界的思路。

不是有一句話么：“互聯(lián)網(wǎng)/手機(jī)上的所有產(chǎn)品都是競(jìng)品，競(jìng)爭(zhēng)的是用戶僅有的那點(diǎn)時(shí)間”。當(dāng)然，分析完之后，自己最終做什么產(chǎn)品功能，還得考慮很多其他因素了。

試著繞口令式的小結(jié)：

你的產(chǎn)品，

在解決同樣需求的時(shí)候會(huì)碰到同樣的產(chǎn)品；

解決同樣需求的時(shí)候會(huì)碰到不同的產(chǎn)品；

解決不同需求的時(shí)候會(huì)碰到不同的產(chǎn)品；

解決不同層次需求的時(shí)候會(huì)碰到不同的產(chǎn)品。

他們都是競(jìng)品。

上一篇我們剝離了主觀的理念，單純對(duì) Smartisan OS 的系統(tǒng)進(jìn)行了全面的介紹，事實(shí)上，發(fā)布會(huì)上每展示一個(gè)功能或設(shè)計(jì)，羅永浩就要花費(fèi)成倍的口舌進(jìn)行渲染和烘托，言辭中還不時(shí)對(duì)業(yè)界標(biāo)桿和競(jìng)爭(zhēng)對(duì)手進(jìn)行揶揄和挖苦。

剖析社交媒體圖標(biāo)

事實(shí)上，社交媒體圖標(biāo)可以理解為社交媒體、社交網(wǎng)絡(luò)的標(biāo)志以及說(shuō)明的鏈接。

社交媒體圖標(biāo)可以表現(xiàn)出幾個(gè)不同的功能。有時(shí)，它是社交網(wǎng)絡(luò)中的公司資料頁(yè)面/帳戶的鏈接。通常情況下，你可以在它們的周圍看到“跟隨我們……”或“加入我們……”這樣的字樣。這些圖標(biāo)通常會(huì)被放在網(wǎng)頁(yè)的頂部或底部，也可以放置在側(cè)邊欄。從經(jīng)驗(yàn)來(lái)說(shuō)，它們?cè)谡麄€(gè)網(wǎng)站都是可見(jiàn)的。

Lucius

Metro 設(shè)計(jì)是一個(gè)不容忽視的市場(chǎng)大趨勢(shì)。這是全新的用戶體驗(yàn)，將成為微軟未來(lái)的操作系統(tǒng)——Windows 8和Windows phone 的一部分。隨著移動(dòng)時(shí)代的到來(lái)，metro UI 風(fēng)格被推向新的高度，“METRO STYLE”的浪潮下，你被打濕了嗎？

Metro是由微軟公司開(kāi)發(fā)的內(nèi)部名稱為“ typography-based design language”（基于排版的設(shè)計(jì)語(yǔ)言）。Metro UI是一種界面展示技術(shù)，和蘋(píng)果的iOS、谷歌的Android界面最大的區(qū)別在于：后兩種都是以應(yīng)用為主要呈現(xiàn)對(duì)象，而Metro界面強(qiáng)調(diào)的是信息本身，而不是冗余的界面元素。

世界上總有這么一些人樂(lè)于分享，下面挑出20個(gè)在設(shè)計(jì)方面絕對(duì)優(yōu)秀的網(wǎng)站，里面有超酷的設(shè)計(jì)，時(shí)尚的咨詢，成功的經(jīng)驗(yàn)，希望大家喜歡

1. Deviantart

首先和大家分享幾個(gè)數(shù)據(jù):

·Apple開(kāi)發(fā)者向 iOS App Store 提交的應(yīng)用數(shù)量突破100萬(wàn)款大關(guān)

·有 4 億用戶了Apple ID，一共下載了350億次應(yīng)用

　　上面由Appfire提供的監(jiān)控和統(tǒng)計(jì)數(shù)據(jù)，由數(shù)據(jù)看來(lái)， 蘋(píng)果開(kāi)放的App store模式是喬布斯時(shí)代最成功的商業(yè)模式，不僅成就了他今天的輝煌，同時(shí)也帶動(dòng)了手機(jī)類App的發(fā)展。App Store在擁有百萬(wàn)款數(shù)量級(jí)的情況下，引導(dǎo)用戶快速、的找到所需的優(yōu)質(zhì)App不是一件簡(jiǎn)單的事情，由此也能得出蘋(píng)果App Store這次版本升級(jí)的主要緣由及目的。伴隨開(kāi)發(fā)者、App、用戶、下載數(shù)量的激增，蘋(píng)果對(duì)App Store做了全新調(diào)整，包括信息架構(gòu)、信息設(shè)計(jì)、交互操作都做了全新的調(diào)整升級(jí)。下面隨這幾個(gè)方面詳細(xì)展開(kāi)討論。

產(chǎn)品經(jīng)理和設(shè)計(jì)師看一下：

iOS人機(jī)界面指導(dǎo)手冊(cè)（iOS Human Interface Guideline ） 在線地址：http://t.cn/hb5g1R （點(diǎn)右側(cè)PDF可直接下載） 

一個(gè)不錯(cuò)的中文翻譯：http://xuexiao.me/2011/03/ios-human-interface-guidelines/

 安卓設(shè)計(jì)指導(dǎo)（Android Design） 在線地址：http://developer.android.com/intl/zh-CN/design/index.html 

一個(gè)不錯(cuò)的中文翻譯：http://www.topfun.us/adchs/index.html