Category:Design: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
mNo edit summary
(22 intermediate revisions by the same user not shown)
Line 9: Line 9:


== 網頁設計相關名詞 ==
== 網頁設計相關名詞 ==
=== 網頁中英文名詞對照 ===
[[Web design glossary]]
UI Components
* breadcrumbs [繁體] 麵包屑(導覽) [簡體] 面包屑导航
* drop down menus 下拉式選單
* menu [繁體] 選單 [簡體] 菜单
* modal dialog [繁體] 對話視窗 [簡體] 对话框、弹出窗口。點選按鈕,跳出小視窗要求使用者填寫表單內容。 sample: [http://jqueryui.com/dialog/#modal-form Dialog | jQuery UI], [http://bootsnipp.com/snipps/login-form-in-a-modal Viewing snipp | Login form in a modal | Bootsnipp.com]
* navbar (navigation bar) [繁體] 導覽列 [簡體] 导航条
* pagination [繁體] 分頁、頁碼 [簡體] 分页、页码
* progress bars [繁體] 進度條 [簡體] 进度条
* thumbnails 縮圖
* tooltip [繁體] 提示文字、彈出式提示框 [簡體] 提示文本。滑鼠游標移到元素或連結上方時,顯示的簡短文字。
* video slider 影片選單;


=== 內容 ===
== 暫存區 ==
* Lorem Ipsum 假文,「讓設計師拿來做為填充版面的內容物」引用自[http://more.handlino.com/ MoreText.js]。假文產生器: {{Gd}}[http://more.handlino.com/ MoreText.js], [http://www.richyli.com/tool/loremipsum/ 亂數假文產生器], [http://www.lipsum.com/ Lipsum generator]。
[[Data flow of web applications]]
* 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]


=== 特效 ===
{{Rss feed | title= Feed of [https://www.ptt.cc/bbs/Web_Design/index.html 看板 Web_Design 文章列表 - 批踢踢實業坊] | feed=<rss>https://www.ptt.cc/atom/Web_Design.xml</rss> }}
* 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 圓角 圆角


=== 平台 ===
{{Rss feed | title= Feed of [https://www.designernews.co/ Designer News] | feed=<rss>https://www.designernews.co/?format=rss</rss> }}
* interoperability (跨異質平台)互通性


=== 表單 html form ===
* chained menu 動態選單(動態二階選單、動態多階選單) 或稱 chained select Menu, double combo menu, select cascade, dynamic dropdowns
* checkbox [繁體] 複選框 [簡體] 复选框
* date picker 日期選擇器 ex: [http://jqueryui.com/datepicker/ jQuery Datepicker]
* dropdown 下拉選單
* mandatory / required (欄位)必填
* radio button [繁體] 單選按鈕, 選項紐 [簡體] 单选按钮
* spinner 連動式下拉選單
=== 資料結構 ===
* ER圖(entity-relationship diagram)
=== 使用研究 ===
* [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]
reference
<references/>
further reading
* [http://en.wikipedia.org/wiki/Category:GUI_widgets Category:GUI widgets - Wikipedia, the free encyclopedia]


[[Category:Software]]
[[Category:Software]]

Revision as of 00:10, 4 February 2019

< 頁面分類


Check Cross browser compatibility

Check various resolution of monitor

網頁設計相關名詞

Web design glossary

暫存區

Data flow of web applications

Feed of 看板 Web_Design 文章列表 - 批踢踢實業坊
Feed of Designer News
Failed to load RSS feed from https://www.designernews.co/?format=rss: * HTTP request timed out.
  • There was a problem during the HTTP request: 0 Error