在這部分網絡如何運作中, 我們將討論網站設計基礎知識。 現在,您知道全棧開發是如何工作的, 這就是從後端到前端的一切 或前端回後端, 從創建使用 HTML 的網站開始, 級聯樣式表和 JavaScript 到我的 SQL 服務器、Apache 服務器、 文件服務器或內容交付網絡, 我們將研究您創建網站的原因和方式。 你為什麼要創建一個網站? 嗯,一個網站是為了推廣你的業務或服務, 無論你想專業推廣什麼, 或組織, 一些你可能想說的,嘿, 這是我的狗的網站。 不管你想做什麼, 你可以為它創建一個網站。 現在,當我們創建網站時, 我們必須考慮這是一個用戶界面, 就像你的智能手機上有一個界面一樣, 或者你的電腦上有接口, 該網站不是您客戶的界面 或您的朋友或那些用戶。 當然,還有社交媒體網站, 這是為您預先創建的。 而你所做的只是把圖片放在上面 或在這里或那裡輸入一些單詞。 我們要看看網站。 這些是你實際創造的東西。 如果你正在創造它, 你需要考慮規模、排版、 視覺風格。 如果你想要一個網格、一個層次結構、導航, 網站的可讀性和流程。 所以首先,我們要檢查一些網站 幫助您製作網站, 這是相當不錯的, 但我們現在不看這個網站 了解它如何幫助您製作網站, 我們將其視為 UI 設計。 所以,用戶界面設計。 你會在最頂層注意到他們決定做什麼 是把他們的產品、模板和資源 就在頁面的頂部。 在線成長所需的一切, 他們已經輸入了您的電子郵件 就在那裡開始。 通過將此設置為此頁面上的唯一選項 並使其非常大膽, 他們試圖做的是讓你把你的電子郵件 進入他們的網站,以便他們可以跟進您 作為潛在客戶。 你可以看到這個網站做得很好。 如果我們點擊到另一個站點, 我們會看到開始就在那裡 在頁面的最前面。 現在,當您選擇開始時, 它會問你, 嘿,繼續並使用您的電子郵件登錄。 另一個,啟動您的網站。 然後在這裡, 好吧,你想開始什麼樣的? 讓我們繼續開始其中之一。 所以你可以看到這些中的每一個都提供了某種方式 捕捉信息 並讓用戶更深入地體驗。 現在,網站的規模。 在這種情況下, 我們正在查看大約 1080p 縮放的網站。 我的系統正在運行 4K。 所以,這個網站實際上非常適合在一個角落裡。 我可以瀏覽網站, 而且流動很自然, 很乾淨,也很容易閱讀。 所以,尺度剛剛好。 排版,他們放詞的方式 在畫面中, 他們使用的字體很容易閱讀。 這是需要考慮的事情。 有些人可能有不同的條件 這使得閱讀某些類型的文本變得更加困難。 所以,使用最容易理解的文本 可能是正確的方法。 現在,如果您的網站具有特定的藝術風格, 那麼也許這對你不起作用。 有些藝術風格簡直難以閱讀, 所以這是設計使然。 但是當你製作你的網站時, 一定要考慮設計, 您正在使用的字體類型。 你想讓用戶看到什麼, 他們訪問您網站的第一件事是什麼? 你想要什麼? 你想讓他們看一個例子, 也許是一個入門鏈接, 和/或電子郵件,以便他們跟進。 如果他們向下滾動, 大多數人不會向下滾動很遠, 然後當他們向下滾動時, 他們會看到什麼樣的選擇? 還有,你想要什麼樣的風格? 網格、層次結構、導航。 在這種情況下,我們有一個看起來像網格佈局的東西。 所以我們在這裡有每個選項。 我們從我們的網格切換, 好吧,網格的一部分轉到導航和層次結構。 所以我們也許可以越陷越深 在這些小部分中。 他們正在結合幾種不同的方法 在網站上。 做事的好方法。 現在,如果我們正在研究用戶界面設計, 請記住,文本和圖像的比例 應該適合您用戶的設備, 無論是移動設備, 平板電腦、手機或桌面設備, 並且該桌面設備可能是分辨率較低的顯示器。 所以記住這一點。 排版,字體, 你如何排列字體, 應該很容易閱讀, 就像為您工作一樣容易閱讀。 以及視覺風格, 無論您是否想留在網格中, 分層方法, 或者只是提供整個網站的導航。 請記住這一點並設計您的網站 考慮到您的目的。