iT邦幫忙

DAY 11
0

於是我e路向前系列 第 11

小小上班族體驗生活part5_Bootstrap

  • 分享至 

  • xImage
  •  

[上一篇在這]what's going on??

除了基礎的Web framework之外,當然包裝也很重要囉!畢竟讓使用者看得舒服、顯得有質感,也是很重要的使用者體驗吧哈哈~

首先,要介紹的就是Bootstrap的UI components囉~
網頁請看這:http://getbootstrap.com/components/

一開始進到網頁,目光馬上就會先被可愛的icon給吸引住

這才只是一小部分而已,還有很多其他可愛、實用的icon可以幫助開發者把介面弄得比較精緻唷~

再來,就是一些比較基本的網頁元素...
(1) 按鈕

(2) 下拉式選單

還有一些toolbar、input欄位、alert message、progress bar之類的,使用這個套件,就可以很輕鬆的將很多一般網頁常用到的功能,變得美麗一點唷!!! 再來看一些範例吧XD

Bootstrap很大的優點是很簡單,雖然提供的都是一些還算基本的UI的工具,但是能把這些基本的按鈕阿、欄位阿、彈出視窗阿,改得不是原始未經美化的HTML醜醜的樣子,看起來質感就加很多倍囉~

當然,花點心思也可以利用CSS把這些元素變得比較美麗,但是若能用一點點簡單的指令就能先讓初期的使用者介面變得比較美麗,也是很方便囉!! ((特別是對於我這種絲毫沒有美術天分的人來說...Orz))

在實習的時候接觸到的,覺得很好用、而且簡單易懂又還滿漂亮的,真是個好工具!! 推!!! 之後如果還有開發網頁,大概也會再去翻翻有什麼好用的UI吧~ 推薦給大家囉 :)

分享一篇也還算入門好懂的Bootstrap簡介文:http://blog.winwu.today/2012/10/bootstrap.html

====================================================

【每日一句】世界太大,生命太短,要過得盡量像自己想要的樣子才對。

呼應昨天的,此生為自己而活,不是活給別人看!想要成為什麼樣子的人,就要努力去追求;自己看不起什麼樣的人,就更不可以讓自己變成自己看不起或者不喜歡的樣子。世界上的人千千百百種,不要想著去討好所有人,根本就不可能,那麼,至少要過得是自己想要的樣子才對得起自己吧!

[下一篇在這]keep going on...


上一篇
小小上班族體驗生活part4_中場休息
下一篇
小小上班族體驗生活part6_Kendo UI
系列文
於是我e路向前30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言