網站鏈接:http://kenjiendo.com/
上一篇文章結尾時我們留下了這樣的疑問:當我們希望自己的個人主頁以黑色為主色調,但能彰顯出科技感與現代感時該如何設計我們的網頁?今天為大家推薦的是日本DJ, KENJI ENDO的個人網站。
整個網站以黑色作為背景色,網站中的主要文字內容均選擇了簡潔、現代感的字體,使網站在視覺上顯得利落有科技感。個人覺得文字方面唯一的遺憾是作者在個人介紹方面採用了大篇幅的文字敘述,黑底白字讓我在閱讀時易陷入視覺疲勞。也許我們在操作個人介紹時可以選用表格式或是畫出明確的時間軸,並搭配以這一時期的主要作品。分條敘述與適當配圖都更易引起讀者的閱讀興趣。
![]() |
過於密集的文字編排會讓讀者抓不到重點,產生厭煩情緒。適當簡化文字敘述,用圖表、時間軸等方式呈現能讓資訊更有條理。
相比之下這四行文字醒目有氣勢,與文字內容想傳達的理念相符。
作為一名DJ,KENJI ENDO的個人主頁上也充滿著音樂的律動感。整個網站雖然為單頁設計,但網站中偶許多有趣的互動式設計。例如,當我們將滑鼠滑到設計師的個人照片上時,照片周圍會出現用細線構成的倒三角形。同樣的設計思路體現在網站的字形變化上。
當我們將滑鼠移到網站首頁DJ的名字上時,原本規矩的英文字母便如同四射的煙火般,向四周釋放出細線,這些線隨著滑鼠的移動改變方向。這樣的設計不僅大大提升了網站閱讀的趣味性,更能使原本黑色的網站視覺顯得活潑起來。當我們在設計以深色為背景色的網站時,除了適當點綴活潑、鮮亮的顏色外,互動式設計也是不錯的選擇。通過這一案例我們不難發現,以細線組成的幾何圖案在視覺上並不會顯得單薄,適當數量的線條、幾何圖案帶給我們的是現代、靈活的視覺體驗。
網站另一特質便是操作簡便。當我們對KENJI ENDO的作品產生興趣想與他做更深一步的交流,或是有問題想請教他時,在網站的底端右方有一個Contact區,我們可以輸入我們的名字、email、相對KENJI ENDO說的話,點擊submit便可直接發送。這樣的設計也許可以運用在一些服務性質的網站。當我們有建議時無需大費周章從郵箱中寄信,在網站中便可完成反饋的操作。
當我們想快速找到個類信息的菜單時我們可以點擊網頁左上角的icon,如何關閉這一頁面?我個人通常會在頁面右上角尋找關閉頁面的icon,但在KENJI ENDO的網站中,當我們想關閉這個畫面時只需要點擊頁面的任意一處即可。
通過今天對日本DJ KENJI ENDO的個人網站能介紹,我們掌握了幾個處理黑色或是暗色調為背景色的網頁的技巧:通過互動體驗讓暗色調的網站不再沉悶;在內文的處理上盡量避免過多的文字;簡潔的無襯線字體,可以讓網站的視覺風格顯得有科技感;細線與幾何形的運用能讓畫面看上去更豐富、靈動,也能打破圖片規矩的四方造型。
沒有留言:
張貼留言