<tt id="1uzb4"></tt>
  • <track id="1uzb4"><menu id="1uzb4"><big id="1uzb4"></big></menu></track>

    <rt id="1uzb4"></rt>
    
    
  • <b id="1uzb4"><address id="1uzb4"><label id="1uzb4"></label></address></b>

      <wbr id="1uzb4"><menuitem id="1uzb4"><div id="1uzb4"></div></menuitem></wbr>
      <rp id="1uzb4"><menu id="1uzb4"><em id="1uzb4"></em></menu></rp>

        下城網站建設:10個流行的網站界面重新想象在科德倫

        2019.01.16

        106

        下城網站建設

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

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

        這是很容易搜索漂下城網站建設流和發現噸網站重新設計為靜態圖像。但是在代碼中找到類似的重新設計并不容易。

        這就是為什么我深入到CodePen的檔案中去尋找這11個自定義界面來重新設想流行站點的原因。你會發現Twitter,IMDb,甚至其他一些你可能認識的著名網站的設計。

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

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

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

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

        Gmail應用程序

        谷歌的粉絲們可能會以類似于最后一支筆的方式來享受這一重獲新生的Gmail。

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

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

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

        谷歌品牌重新設計

        這是我想加入的另一個谷歌重新設計。這是一個更詳細的鏈接,谷歌的整套工具。

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

        我認為它比現在的頁面要復雜一些,所以我不會把它放在Google的設計上。

        我喜歡這個重新設計的地方是它是獨一無二的,它一直忠于谷歌的風格。哦,所有的代碼也是開源的。

        TwitterUX

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

        這是對Twitter的UX的重新想象下城網站建設,它使用了一個更小的卡設計。

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

        現代Twitter重新設計

        現在需要一些更多的技術,在這個Twitter上重新設計一下。

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

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

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

        FreeCodeCamp主頁

        開發人員喜歡FreeCodeCamp,因為它對新開發人員的無休止的支持,以及對慈善事業的友好態度。

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

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

        Spotify藝術家頁面UI

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

        大部分功能不能完全工作,所以你不能播放下城網站建設音樂。但是實際的頁面元素是真實的,所以您可以復制/粘貼這段代碼來混合您自己的HTML音頻播放器。

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

        無飛濺重新設計材料

        我不能說這個重新設計的不濺比現在的主頁更好。但我確實認為,這是一個創造性的重新設想的布局,可以看上去,重點是一個不同的結構。

        這支筆仍然有相同的網格系統,但開發人員凱爾·尚克斯也把重點放在電子郵件捕獲框和下拉導航菜單上。

        這是超級干凈和超級容易返工,如果你想編輯這個為你自己的網站。

        IMDB概念

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

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

        瀏覽一下整個頁面,看看它是如何結合在一起的。

        多年來,LinkedIn在他們的版面上堆滿了這么多額外的功能。我真的是極簡主義的粉絲,這就是我在NahomEbssa的重新設計中所看到的。

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

        當然,布局看起來并沒有100%完成,但我認為它是一個非常好的模板。

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

        YouTube重新設計

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

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

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

        關鍵詞

        最新案例

        聯系電話 400-6065-301

        留言

        欧洲亚洲国产香蕉网,亚洲AV永久无码精品澳门,欧美13—14周岁a完整版
        <tt id="1uzb4"></tt>
      1. <track id="1uzb4"><menu id="1uzb4"><big id="1uzb4"></big></menu></track>

        <rt id="1uzb4"></rt>
        
        
      2. <b id="1uzb4"><address id="1uzb4"><label id="1uzb4"></label></address></b>

          <wbr id="1uzb4"><menuitem id="1uzb4"><div id="1uzb4"></div></menuitem></wbr>
          <rp id="1uzb4"><menu id="1uzb4"><em id="1uzb4"></em></menu></rp>