---
# System prepended metadata

title: '0611'
tags: [跨裝置企業平台與資料庫整合設計班]

---

0611
===
:::info
（四）UX/UserExperience使用者體驗(學)詹介珉
:::

## 用 AI 畫 Wireframe
安排頁面區塊「順序」 要知道客戶最想看的內容
站在客戶立場思考 最想看到什麼

曲線與直角（溫柔、剛強）<== 視覺設計

先不要有色彩 避免溝通誤會


[Awwwards](https://www.awwwards.com/) 搜尋
USABILTY 可用性

* iPhone 5S 常出問題 要實機測試

[CSS Design Awards](https://www.cssdesignawards.com/) 搜尋

* 人類視覺範圍
![](https://i.imgur.com/WUcc6Kw.jpg)


* 中部很有名 [愛貝斯網頁設計](https://www.ibest.com.tw/)
極致美學風格 （可以不遵守12欄位）


* 老師建議瞭解的專有名詞
[軟體工程](https://zh.wikipedia.org/zh-tw/%E8%BD%AF%E4%BB%B6%E5%B7%A5%E7%A8%8B)

[統一塑模語言 UML](https://zh.wikipedia.org/zh-tw/%E7%BB%9F%E4%B8%80%E5%BB%BA%E6%A8%A1%E8%AF%AD%E8%A8%80)

[六角學院-Bootstrap-元件中英對照](https://bootstrap.hexschool.com/docs/4.2/components/alerts/)

[CodePen：網頁前端的展示平台](https://codepen.io/)

[老虎堂](https://tigersugar.com/)
後端介紹

## 內容管理系統 CMS
[CMS 說明](https://zh.wikipedia.org/wiki/%E5%86%85%E5%AE%B9%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F)

後端懶人包-一般是企業有養 IT 人員沒多於預算自己寫才用 CMS
[WordPress](https://tw.wordpress.org/download/) => 肥
[Drupal Taiwan 正體中文支援站](https://drupaltaiwan.org/) => 小

* WordPress 教學
[WordPress教學：12個課程（安裝＋主題外掛＋購物車）](https://daotw.com/wordpress%E6%95%99%E5%AD%B8/)
[Wordpress網站拉皮術｜手機、平板、PC都好用的響應式設計 (電子書)](https://www.books.com.tw/products/E050028793)
課程調整 會專注在寫 RWD 專案

* UI/UX 職缺很缺
需要頻繁的溝通

* 老師會給職缺關鍵字

* Google 搜尋術
```
site:www.104.com.tw UI UX
```
只找 104 有關鍵字 UI UX



## 學長姐直播
[成果發表](https://www.facebook.com/sunyehfy)

*  淺談時間管理
向客戶要文件需求清單（合約上註明）

[寫出一手好 CSS 命名，讓同事對您刮目相看](https://www.youtube.com/watch?v=DX5PUZd3oPw)


[Newspaper website wireframe](https://dribbble.com/shots/3190997-Newspaper-website-wireframe)

[UI Style Guide](https://www.pinterest.com/pin/142637513177543266/)
![UI Style Guide](https://i.imgur.com/7aBOuLF.png =500x)


## 參考資料
[Codepen Project - 完整的線上編輯器](https://ithelp.ithome.com.tw/articles/10203414)


###### tags: `跨裝置企業平台與資料庫整合設計班`