讓您的團隊快速了解 Foundation。 Foundation 專家提供深入的客製化工作坊。隨著裝置的普及,現在每個設計師和開發人員都必須設計回應式內容。Foundation 讓這一切成為可能。我們一系列的課程可以協助您和您的團隊快速上手 Foundation。您將由每天處理 Framework 程式碼庫的設計師和工程師授課。
與我們聯繫,了解親自團隊訓練
有任何問題嗎?請透過 contact@get.foundation 與我們聯繫
實時、面對面的團體訓練
從各種課程中選擇,並建立您自己的客製化訓練課程。
針對您的團隊需求量身打造的訓練
我們會共同合作,提出符合您團隊需求的課程。
沉浸式訓練
我們會設計一個包含您的團隊最想學習主題領域的課程大綱,從快速原型製作和互動到多裝置設計以及設計協作。
由實務設計師授課
我們擁有近二十年的產品設計經驗,我們將教導您我們每天使用的流程。
我們會到您那裡
您不必動一根手指頭,我們會到您那裡!或者您可以到我們設備齊全的學習空間來。
為您的團隊取得正確的訓練
無論是響應式設計、使用 Foundation 編碼或產品設計,我們都能滿足您的需求。我們整理了一個我們過去曾做過的客製化訓練範例。我們在下方整理了一個範例課程大綱。
使用 Foundation
- 入門:設定和安裝 Foundation 的最快方法。
- 行動優先方法說明:使用行動優先網格,以支援最多數量的舊裝置。
- 彈性、強大的網格說明:學習如何使用 Foundation 網格快速建構複雜的響應式版面。
使用 Foundation 製作原型
- 導覽:如何快速實作 5 種常見的導覽模式
- 字體排印:開箱即用的美觀字體和垂直節奏
- 區塊網格:讓元素輕鬆對齊
- 面板:突顯您頁面的內容或區段
- 按鈕:只要新增一個樣式,就能建立明確的行動呼籲
- 表單:配置輸入、選取和標籤,以建立易於使用的表單
- 可見度類別:針對不同的裝置顯示不同的導覽或內容元素
Sass 簡介
- 安裝和編譯 Sass:開始使用 Sass 的最快方法
- 巢狀:停止重複使用相同的 CSS 選擇器
- 混合:撰寫可輕鬆重複使用的 CSS
- 數學:透過計算數值,而不是硬編碼數值,讓您的 CSS 可維護
- 顏色函數:產生顏色值,而不是手動更新所有顏色值
- @extend:繼承樣式,無需複製選擇器
- @import:載入共用樣式表,讓依賴性管理變得輕而易舉
在 Foundation 中使用 Sass
- 使用 Compass 和 Sass 建立 Foundation 專案:最快的入門方式
- 變數設定:自訂 Foundation 中的元件,無需撰寫任何 CSS
- 網格:使用網格和語意標記建構
- 按鈕:建立 Foundation 按鈕,無需新增展示類別
- 按鈕群組:將按鈕整理成導覽元素
- 警示方塊:使用混合來建立警示方塊
- 面板:將注意力集中在導覽或內容上