客製化 Foundation 訓練

讓您的團隊快速了解 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 按鈕,無需新增展示類別
  • 按鈕群組:將按鈕整理成導覽元素
  • 警示方塊:使用混合來建立警示方塊
  • 面板:將注意力集中在導覽或內容上