作品集網站設計的 7 個原則

最近，想要設計個人作品集網站的人數顯著增加。 此外，在某些情況下，還需要投資組合來檢視個人在政府支持項目中的表現。 我認為有必要創造一個好的作品集設計，不僅是為了提交，還要考慮到透過搜尋引擎而來的潛在客戶。 有時，我只上傳我的作品集，其主題結合了最新技術和設計，是由其他人創建的設計，而不是我自己創建的主題。 雖然這些網站是組合網站，但它們在搜尋引擎排名中的聲譽並不好。 因此，最好的方法是了解基本準則並自行開發設計。 以下是一些相關指南： 1.告別老式技術HTML、CSS、Javascript 和其他框架正在以驚人的速度發展。 曾經有一段時間，網站伺服器是基於Python、C、C++和C#建構的，但現在，整個伺服器後端都是基於Javascript建構的。





與設計一樣，各種視覺效果、動效內容也在快速發展。 因此，我們必須關注這 电话号码清单 些技術發展動態。 2.積極利用AJAXAJAX 代表非同步 JavaScript 和 XML。 最好將其理解為使用 JavaScript 和 XML 的非同步資訊交換技術。 AJAX 減少了訪客的載入時間。 從搜尋引擎的角度來看，這也是讓他們認為該網站是一個不存在人們沒有得到資訊就離開的問題的因素。 此外，最好使用開發人員工具檢查錯誤原始碼，並積極利用 Fetch as Google Tool 來幫助 Google 更好地理解網站上的文字。 另外，如果您使用 Push State 方法，請協助 Google 了解其他版本的 AJAX。 3.如果是作品集網站，廣告要適度。有些人想透過經營網站而不是投資組合網站來賺錢。 在經營網站時，如果用戶首先受到廣告轟炸，或者有很多幹擾閱讀內容的彈出窗口或圖像，讀者自然會離開。 谷歌也深知這一點，因此首先將損害用戶體驗的網站排除在搜尋排名之外。











因此，請不要透過彈出視窗或其他廣告中斷您的內容消費。 4. 使重圖像尺寸盡可能輕還有一種方法可以使用 Photoshop 列印網路上的舊影像，但 WebP 等影像最佳化方法最近已成為一種新的替代方法。 另一方面，在視覺設計或其他設計領域，影像必然又大又重。 因此，如果你很了解WebP，就使用這個方法；如果你覺得困難，可以使用Photoshop中的匯出功能為Web創造一個遺產。 5. 導航簡單當使用者造訪一個網站時，他們首先想看到的內容是不同的。 當然，由於這是一個作品集主頁，您可能想先查看作品集，但您可能還需要其他資訊。 例如，如果您想查看我的履歷或如何聯絡我。 每個組件的連結應盡可能簡單、容易地放置。 此外，如果您使用熟悉的符號而不是使它們太特殊，並將它們放置在使用者經常遇到的地方，您可以享受更好的使用者體驗。 6.作品集主頁！ 響應式設計不可或缺 據稱，韓國98.5%的人使用智慧型手機。 此外，在搜尋資訊時，智慧型手機比個人電腦擁有壓倒性的市場份額。 因此，必須套用RWD，以便作品集主頁能夠在智慧型手機、PC和平板電腦上精美地顯示。 響應式設計與行動端設計不同，在PC上稍微修改一下，所以難度不是很大。 嘗試使用@media標籤。