14,959
edits
Category:Design: Difference between revisions
Jump to navigation
Jump to search
m
→網頁設計相關名詞
m (→網頁設計相關名詞) |
|||
| Line 9: | Line 9: | ||
== 網頁設計相關名詞 == | == 網頁設計相關名詞 == | ||
網頁中英文名詞對照 | === 網頁中英文名詞對照 === | ||
UI Components | UI Components | ||
* breadcrumbs [繁體] 麵包屑(導覽) [簡體] 面包屑导航 | * breadcrumbs [繁體] 麵包屑(導覽) [簡體] 面包屑导航 | ||
| Line 22: | Line 22: | ||
* video slider 影片選單; | * video slider 影片選單; | ||
內容 | === 內容 === | ||
* Rich text [繁體] 富文字 [簡體] 富文本 | * Rich text [繁體] 富文字 [簡體] 富文本 | ||
* Rich text editor 網頁編輯器: 可以設定文字大小、顏色等樣式的編輯器。也可稱<abbr title="What You See Is What You Get">WYSIWYG</abbr> 所見即所得的編輯器 ex: [http://en.wikipedia.org/wiki/TinyMCE TinyMCE], [http://en.wikipedia.org/wiki/CKEditor CKEditor] | * Rich text editor 網頁編輯器: 可以設定文字大小、顏色等樣式的編輯器。也可稱<abbr title="What You See Is What You Get">WYSIWYG</abbr> 所見即所得的編輯器 ex: [http://en.wikipedia.org/wiki/TinyMCE TinyMCE], [http://en.wikipedia.org/wiki/CKEditor CKEditor] | ||
特效 | === 特效 === | ||
* cover flow<ref>[http://en.wikipedia.org/wiki/Cover_Flow Cover Flow - Wikipedia, the free encyclopedia]</ref>, carousel, 3D封面 example: [http://www.tripwiremagazine.com/2012/12/jquery-carousel.html 55 Best jQuery Carousel Plugins] | * cover flow<ref>[http://en.wikipedia.org/wiki/Cover_Flow Cover Flow - Wikipedia, the free encyclopedia]</ref>, carousel, 3D封面 example: [http://www.tripwiremagazine.com/2012/12/jquery-carousel.html 55 Best jQuery Carousel Plugins] | ||
* rounded corner 圓角 圆角 | |||
平台 | === 平台 === | ||
* interoperability (跨異質平台)互通性 | * interoperability (跨異質平台)互通性 | ||
表單 html form | === 表單 html form === | ||
* chained menu 動態選單(動態二階選單、動態多階選單) 或稱 chained select Menu, double combo menu, select cascade, dynamic dropdowns | * chained menu 動態選單(動態二階選單、動態多階選單) 或稱 chained select Menu, double combo menu, select cascade, dynamic dropdowns | ||
* checkbox [繁體] 複選框 [簡體] 复选框 | * checkbox [繁體] 複選框 [簡體] 复选框 | ||
| Line 40: | Line 41: | ||
* spinner 連動式下拉選單 | * spinner 連動式下拉選單 | ||
使用研究 | === 使用研究 === | ||
* [http://en.wikipedia.org/wiki/A/B_testing A/B testing] A/B 測試: 提供網站使用者兩種版本的網站版面或不同功能進行測試，再透過網站 log檔或使用數據(例如: Google analytics<ref>[http://hanamizuki.tw/2013/02/21/ab-test-split-test-using-google-experiments/ 網頁介面A/B Test 筆記 (Google Analytics Experiments) – 花水木：文藝復興人生]</ref>)來評估成效。 相關資料: [http://www.slideshare.net/clayliao/data-driven-ab-testing 超理性使用者介面設計 - Data-driven A/B Testing] | * [http://en.wikipedia.org/wiki/A/B_testing A/B testing] A/B 測試: 提供網站使用者兩種版本的網站版面或不同功能進行測試，再透過網站 log檔或使用數據(例如: Google analytics<ref>[http://hanamizuki.tw/2013/02/21/ab-test-split-test-using-google-experiments/ 網頁介面A/B Test 筆記 (Google Analytics Experiments) – 花水木：文藝復興人生]</ref>)來評估成效。 相關資料: [http://www.slideshare.net/clayliao/data-driven-ab-testing 超理性使用者介面設計 - Data-driven A/B Testing] | ||