標題用引號引起來,因為它更像是一個大摘要。自從上一個網站推出以來,我一直在為新網站寫筆記,所以一開始我就需要篩選大量資訊、事實和主題,並獲得我需要解決的最重要的要點。網站應該如何運作,我希望訪客在網站上去哪裡,關鍵轉換點在哪裡,內容大約是什麼,圖形應該是什麼樣子,我應該添加任何特殊功能等等。
線框和文字
在為客戶工作時,我總是習慣製作線框,但我以前從未過多處理過它們,只在紙上畫草圖。這次我想改變這一點,第一次為自己製作線框圖。哇,這是有道理的。我不明白我以前是如何製作自己的網站的。儘管線框的設計花費了很多時間,但它使其他一切變得更加容易。除了網站佈局和結構之外,我還設法繪製了部分圖 學生資料庫 形草圖並準備了幾乎完整的最終文字。
我一直都是自己製作自己的網站,這次也不例外。我不是圖形設計師(儘管我非常擅長Photoshop),而且我喜歡簡單性,因此自從我創建第一個網站以來,我一直在編碼時直接在瀏覽器中調試圖形(沒有剪切設計並對其進行 如何在 Shopify 上建立部落格?逐步說明 編碼)。這樣一個人就有了自由,他可以嘗試不同的變體並立即看到變化。第二個好處是,你不會胡編亂造,會讓一切變得非常簡單。
編碼
我以前的網站已經是響應式的,所以這次我沒有花太多時間在編碼上,儘管我很喜歡它(就像它在你眼前如何生長,編碼員肯定知道:-)。像往常一樣,我還設法簡化、縮短和改進了大部分程式碼,對此我總是感到非常高興 – 因為我知道我可以再次做得更好一點。由於我沒有任何編輯系統,因此我也不使用任何編碼框架(也許只有我擁有的一個:-)
我改變了什麼如何改變
您已經閱讀了這個過程,所以讓我們看看我改變了什麼、在哪裡、如何或為什麼。總的來說,我遵循一個簡單的規則:少即是多。我在下面的清單中總結了最大的變化。
歌詞
我盡可能地縮短了它。「服務」和「關於我」頁面尤其吸引了我的注意,我剪掉了至少一半的文本,大約是個人資料上的 3/4。原因?人們通常不想閱讀長文本,尤其是當鎮流器很多時。我說得很實事求是,但還是有很多不必要的東西,除了我以外,其他人都可以不要。我仍然打算對服務進行一些調整,但不會以犧牲清晰度為代價。
就圖形而言,我有兩個大 印度數據 目標,即一列佈局和更多空白(=可用空間)。由於這些變化,重要的事情變得更加突出。頁首、頁尾、主塊 – 現在一切都更乾淨、更清晰。除了聯絡人中的兩個框框和主頁上的幾個區塊之外,我還刪除了所有有界區塊。如果你做一個更簡單的佈局,即使沒有框架也很清晰。我還增加了字體並稍微調整了顏色 – 保留了主要的橙色,但除此之外我保留了淺黑色並切換為更具同情心的深藍色。
菜單上只有兩個主要變化。第一個是扔掉我的照片庫的鏈接,因為我不再拍很多照片了,而且無論如何它都不起作用。第二個變化是更根本的 – 在行動選單中,使用所謂的漢堡包,我有一個新的框架,同時文字「選單」讓每個人都更清楚它是一個選單(因為有些老用戶通常會遇到問題)。