Bootstrap 簡介
Bootstrap 是非常流行的前端框架鳞贷，使用它可以快速構(gòu)建出簡潔大方的界面叫倍，同時能夠適配 PC樟氢、平板和手機骤素，前端工程師可以節(jié)省出很多寫樣式的時間。前端框架的核心在于已經(jīng)把 web 上常見的控件預(yù)先定義好樣式异剥，使用的時候直接引用即可瑟由。
常見的 Bootstrap 控件
列舉幾個 web 網(wǎng)站最常見的控件：導(dǎo)航、tab 標(biāo)簽、翻頁歹苦、按鈕青伤、表單，它們在 Bootstrap 里是這樣子的:
導(dǎo)航↓
tab 標(biāo)簽↓
翻頁↓
按鈕↓
當(dāng)然還有其他很多標(biāo)準(zhǔn)化的控件殴瘦，豐富程度幾乎囊括了你能想象到的交互狠角。這樣在設(shè)計產(chǎn)品甚至開發(fā)的時候，就像搭積木一樣構(gòu)建自己的產(chǎn)品蚪腋，你需要做的丰歌，就是將這些控件以合理的方式進行組合。
合理組合屉凯，減少認(rèn)知
見到一些新人產(chǎn)品經(jīng)理在設(shè)計原型的時候立帖，交互天馬行空，自以為方便了用戶操作悠砚，實際卻會給用戶帶來苦惱晓勇。
web 發(fā)展到如今很多東西已經(jīng)約定俗成，用戶也已經(jīng)形成一套認(rèn)知體系灌旧，比如按鈕形狀代表可點擊绑咱、鼠標(biāo)放在文字上變成手型代表這是個鏈接、矩形的 checkbox 是多選枢泰，灰色的輸入框代表禁用... 在設(shè)計自己的產(chǎn)品的時候描融，發(fā)明一種規(guī)則的風(fēng)險是很大的，用戶需要很大的學(xué)習(xí)升本宗苍，在用戶學(xué)會之前稼稿，可能就已經(jīng)造成了用戶的流失。而減少風(fēng)險最好的方式讳窟，就是深入學(xué)習(xí)已經(jīng)成熟且被廣泛使用的控件，這些控件敞恋，Bootstrap 中全都有丽啡。
前幾年智能手機上 APP 爆發(fā)式增長的時候，很多 app 依靠創(chuàng)新的交互給用戶留下了深深的印象硬猫，比如 Twitter 的下拉刷新补箍，比如 Path 的彈出式菜單，而如今這些控件也已標(biāo)準(zhǔn)化啸蜜，在 Xcode 中通過拖拽等方式就輕松應(yīng)用到自己的程序里坑雅。當(dāng)然，本文不是不鼓勵創(chuàng)新衬横，在產(chǎn)品設(shè)計中借用前人的成果裹粤，是降低風(fēng)險、提高效率的不二方法蜂林。
