蘇州南(nán)沅營銷網站制作建設公司:10個流行的網站界面重新想象在科德倫

發布時間:2019-03-30 19:55:06 浏覽次數:46

重新設計流行的界面是提高技能的好方法。

無論你是想磨練你的模型設計技能還是制造你的前衛能力,一(yī)個花哨的重新設計是一(yī)個堅實的實踐項目。

這是很容易搜索蘇州定制網站建設公司和發現網站重新設計爲靜态圖像。但是在代碼中(zhōng)找到類似的重新設計并不容易。

這就是爲什麽我(wǒ)深入到CodePen的檔案中(zhōng)去(qù)尋找這11個自定義界面來重新設想流行站點的原因。你會發現Twitter,IMDb,甚至其他一(yī)些你可能認識的著名品牌定制網站設計


臭名昭著的谷歌搜索頁面每天有數十億的印象。實際上每天3.5b是準确的。

所以這一(yī)頁需要一(yī)個有針對性的設計。如果你在重新設計什麽東西,那就有一(yī)點空間來享受它,這就是這支筆背後的想法。

這是一(yī)個簡單的谷歌頁面重新設計,隻關注搜索輸入字段。它的特點是一(yī)個明亮的,彩色的按鈕,投影效果,你從來沒有從谷歌的設計團隊看到。

結果是一(yī)種有趣的方式來重新想象搜索。

Gmail應用程序

谷歌的粉絲們可能會以類似于最後一(yī)支筆的方式來享受這一(yī)重獲新生(shēng)的Gmail。

但是這個功能有一(yī)個完整的Gmail界面,所以它更詳細一(yī)些。

點擊側邊欄的動畫,你會注意到,他們真的做得很順利。更别提時尚的材料設計配色方案了。

如果您經常使用Gmail,您甚至可能更喜歡這種重新設計而不是當前的樣式。

谷歌品牌重新設計

這是我(wǒ)想加入的另一(yī)個谷歌重新設計。這是一(yī)個更詳細的鏈接,谷歌的整套工(gōng)具。

這支筆由Mohamad Reza Deylami設計,重新設計了Google标志(zhì),改變了配色方案,并鏈接到所有不同的搜索功能。

我(wǒ)認爲它比現在的頁面要複雜(zá)一(yī)些,所以我(wǒ)不會把它放(fàng)在Google的設計上。

我(wǒ)喜歡這個重新設計的地方是它是獨一(yī)無二的,它一(yī)直忠于谷歌的風格。哦,所有的代碼也是開(kāi)源的。

TwitterUX

Twitter擁有一(yī)系列UX功能,涵蓋了他們的桌面和移動界面。一(yī)種流行的設計風格是卡界面,你可以在這支筆中(zhōng)看到。

這是對Twitter的UX的重新想象下(xià)城網站建設,它使用了一(yī)個更小(xiǎo)的卡設計。

這包括一(yī)個滾動條以及用于編輯配置文件的按鈕。當你向下(xià)滾動,甚至有占位符的推特。多酷啊!

現代Twitter重新設計

現在需要一(yī)些更多的技術,在這個Twitter上重新設計一(yī)下(xià)。

這個東西太可怕了,它真的把推特的界面翻轉在了頭上。實際上,我(wǒ)建議您從全面的角度來研究設計,看看它在浏覽器中(zhōng)的外(wài)觀。

我(wǒ)喜歡菜單,喜歡時間線,真的很喜歡簡單的懸停/聚焦效果。唯一(yī)的東西不見了?這不是一(yī)個反應靈敏的頁面。

但平心而論,除了主要的桌面設計之外(wài),twitter确實有一(yī)個特定于移動的布局。因此,他們對移動用戶的處理方式也不同。

FreeCodeCamp主頁

開(kāi)發人員(yuán)喜歡FreeCodeCamp,因爲它對新開(kāi)發人員(yuán)的無休止的支持,以及對慈善事業的友好态度。

CoDeepen用戶GINA必須真正喜歡網站,因爲他們創建了對FreeCODECAMP主頁的全面重新設計。

我(wǒ)真的不能說這是好還是壞的設計。它在很多方面都很棒,也有很大(dà)的不同。如果您熟悉原來的布局,這是值得一(yī)看的。

Spotify藝術家頁面UI

Spotify網絡布局是另一(yī)個廣爲人知(zhī)的界面,AdamLowenthal用它來重新創建Spotify藝術家頁面。

大(dà)部分(fēn)功能不能完全工(gōng)作,所以你不能播放(fàng)下(xià)城網站建設音樂。但是實際的頁面元素是真實的,所以您可以複制/粘貼這段代碼來混合您自己的HTML音頻(pín)播放(fàng)器。

另外(wài),整個系統都是移動響應的。那就太好了。

無飛濺重新設計材料

我(wǒ)不能說這個重新設計的不濺比現在的主頁更好。但我(wǒ)确實認爲,這是一(yī)個創造性的重新設想的布局,可以看上去(qù),重點是一(yī)個不同的結構。

這支筆仍然有相同的網格系統,但開(kāi)發人員(yuán)凱爾·尚克斯也把重點放(fàng)在電(diàn)子郵件捕獲框和下(xià)拉導航菜單上。

這是超級幹淨和超級容易返工(gōng),如果你想編輯這個爲你自己的網站。

IMDB概念

在這個IMDb重新設計中(zhōng),并不是所有的東西都是功能性的。這就是缺點。

但好處是這個設計看起來真的很壯觀。這是絕對驚人的,下(xià)城網站建設并可能會很好地作爲一(yī)個網絡應用程序的觸摸屏。

浏覽一(yī)下(xià)整個頁面,看看它是如何結合在一(yī)起的。


多年來,LinkedIn在他們的版面上堆滿了這麽多額外(wài)的功能。我(wǒ)真的是極簡主義的粉絲,這就是我(wǒ)在NahomEbssa的重新設計中(zhōng)所看到的。

簡單的顔色和易于使用的界面。許多元素甚至借用了材料設計語言的思想。

當然,布局看起來并沒有100%完成,但我(wǒ)認爲它是一(yī)個非常好的模闆。

如果您想要一(yī)些HTML/CSS/JS實踐,可以分(fēn)叉這個,并嘗試添加您自己的特性。

YouTube重新設計

對于另一(yī)個還沒有完全完成的設計(但看起來還是很棒),我(wǒ)必須推薦YouTube的重新設計。

它看起來确實比現代YouTube主頁幹淨得多。當然,有些圖像不會加載,但您仍然可以得到布局的要點。它也是100%免費(fèi)的JavaScript,這是相當棒。

無鏈接或按鈕工(gōng)作-因此它不可用。盡管如此,這也是一(yī)次精彩的嘗試,将YouTube的設計推向更加集中(zhōng)的UI。


TAG标簽:
網站建設

深圳市皮埃斯网络科技有限公司提供網站建設,網站制作,網站開(kāi)發,網站設計,網頁開(kāi)發,網站定制,網頁設計等服務,幫助企業提高知(zhī)名度和影響力,提高企業網上競争力。我(wǒ)們的客戶來自各行各業,爲了共同目标,工(gōng)作上密切配合,從創業型小(xiǎo)企業到行業有影響力的網站建設公司,感謝他們對我(wǒ)們的高要求,感謝他們從不同領域給我(wǒ)們帶來的挑戰,讓我(wǒ)們的團隊用頭腦與智慧給客戶帶來驚喜。


閱讀推薦
關閉

在線留言