對比yahoo和aol的頁面設計布局

2021-04-19 20:23:11 字數 685 閱讀 6341

網頁介面設計

2008-8-22 奧運會期間

今天看了www.yahoo.com和www.aol.com,忽然發現兩者是如此的相像,不是為了揭發誰剽竊了誰的創意,而是在這共同點裡面找到自己需要學習的東西,因為兩大巨頭都這麼設計,會不會有點道理呢?哈哈!

先看圖:

yahoo:

3.首頁新聞部分的出現的位置在視覺上是完全相同,甚至用ps量一下,果真相同,可能這個地方是相對的**分割吧,誰知道呢

4.除了頭和**部分的最顯眼的部分,那麼現在我們來看兩側。左側是分類閱讀,無論從排列、行距,甚至從圖示的風格看,都是驚人的相似,略帶**的象形圖示,從此角度看,aol做的較好,它的ico都沒有毛邊,yahoo的ico雖然都加了黑色輪廓線,希望效果更好,但是效果卻相反。

5.右側的大約佔據35%寬度的篇幅仍然是相似的,上方是sign in,幾個ico和幾個文字,下方是面積相似的乙個廣告部分,甚至那個sign in部分的技術細節都相似:當滑鼠移動到上面時,自動下拉乙個框體位置,顯示本tab的內容,當滑鼠移走時,自動收縮。呵呵,不信,你試試!他們應該是採用的流布局,當框體延伸出來後,正下方的內容自動下延,收縮時,自動上調,呵呵。

6.整體上看,架構相似,只是aol無論從ico的細節上,還是從顏色上,並且每個框體都有陰影,感覺效果更好些,所以,本人覺得略占上風。希望能夠吸取這兩大巨人的遠見卓識,汲取這些經驗,以後在頁面設計上,做到更加美觀實用。

this和super的對比

1 含義 this關鍵字表示本類當前物件的引用 哪個物件在呼叫this所在的方法,this就表示哪個物件 super關鍵字表示本類當前物件的父類的引用 哪個物件在呼叫super所在的方法,super就表示哪個物件中的父類部分的資料 this關鍵字詳解 super關鍵字詳解 2 super和this都...

關於Apache錯誤頁面導致版本顯示的設定

以前在訪問很多網際網路上的 時候,當訪問乙個 有問題而無法開啟的時候,往往會報告如下圖示的錯誤。很明顯的暴露了apache的版本和伺服器的作業系統型別,這無疑是不安全的。別擔心在apache的配置檔案中可以設定這個頁面的簽名顯示 如下 off 關閉伺服器簽名。當訪問乙個不存在的專案時候出現如下的錯誤...

如何將ubuntu系統的man幫助頁面設定成中文版

一.先安裝所需要的依賴包 1.automake 工具 sudo apt get install autoconf automake libtool 2.git工具 sudo apt get install git git clone 二.安裝操作步驟如下 1 sudo mkdir usr local...