<menuitem id="mh6do"></menuitem>

    
    
    <em id="mh6do"><ol id="mh6do"><mark id="mh6do"></mark></ol></em>
    <ol id="mh6do"></ol>
      <em id="mh6do"><tr id="mh6do"></tr></em>
      <dl id="mh6do"><ins id="mh6do"><thead id="mh6do"></thead></ins></dl>

      <sup id="mh6do"><menu id="mh6do"><small id="mh6do"></small></menu></sup>

      您的意見是我們 UI 中國進步的動力!
      點擊立即反饋按鈕,發表您的意見!
      立即反饋
      QQ群反饋
      您也可以加入UI中國官方反饋群進行反饋!
      群號:302892100
      備注:反饋問題后@管理員能讓我們及時了解您的意見

      什么是極簡主義

      自譯外文 分類: 經驗/觀點 版權: 原作者: MartinRGB 翻譯
      28960 192 253 6
      更新于:2017-01-24
      0.0
      編輯推薦

      極簡主義不光存在于網頁設計中,像Logo設計、印刷設計、包裝設計也都有相應的極簡主義風格。目前流行的極簡主義網頁設計視覺風格是:使用純粹的色彩以及簡練唯美的照片

      極簡主義網頁設計流行使用創新式導航,不但易用,而且有種簡約美,符合極簡主義“回歸功能”與“視覺簡約”的雙重理念。簡約的外觀、易用的功能,并不意味著極簡主義網頁設計很簡單。事實上,優秀的極簡風格作品需要復雜的設計流程。

      有一種不錯的極簡主義設計方法是:先設計一個風格復雜的網頁,然后不斷簡化,回歸基本。
      那么,什么是基本呢?我們來看看這篇文章吧!

      概念

      不要因為極簡設計看起來簡單而輕視他,也不要因為極簡設計流行而跟風。如果你抱著以上兩種想法去設計,那么你的極簡設計一般不會成功。為何?因為你只看到了表面。盡管極簡主義網頁設計現在很流行,很多網站都在用這種風格,但實際上,極簡風格不能通吃所有類型的網站,有的網站用極簡風格就不合適。

      當內容較少時,結合現代美學風格,極簡設計效果最佳。
      當內容繁多、網站面向的用戶是大眾時,極簡設計往往不奏效。

      What Simplicity Really Means

      像 The Verge這種內容豐富,每日更新的科技站點,面向的是普通人。

      頁面中元素太多:廣告、社交媒體圖標、按鈕、文章。簡化起來非常麻煩。因為所有的元素都是最基本的元素,已經減無可減了,再減,用戶肯定會來反映問題。

      盡管這個網站看起來非常繁雜,但是瀏覽效率卻非常高。所以這個站點不適合采用極簡風格。

      簡化

      另一種常見的問題是,設計師削減的太多。導致網站缺少必要功能、難于理解、缺乏活力,交互性自然不佳。

      極簡主義網頁設計可以采用一些漂亮的圖片做背景,或者使用有趣的字體設計,再或者打造完美的對照感和平衡感。如果不這樣做,網頁會看起來太扁平了
      極簡主義的目標是:通過簡化,讓內容清晰可見。但是如果導航元素被嚴重削減,用戶無法理解導航的操作方式,那么便自然無法正常瀏覽內容,也就不符合極簡主義目標。

      What Simplicity Really Means

      例如, Pixelsapien網站的設計,部分元素設計的確實可圈可點。“Our Work”這一頁面中使用了扁平化、簡約的圖標(圖標本身沒什么問題,甚至可以說圖標設計的很棒),看上去很容易理解。

      但是這不是一款成功的極簡設計,因為看起來太無趣、太死板了。圖像、字體、色彩都太扁平了,完全居中對齊的布局方式太簡單了。

      如果能夠改善以上幾點,這個網站的視覺效果會大不同。

      What Simplicity Really Means

      相比之下 Grain and Gram 的外觀就好多了,看上去很漂亮。

      但是為了達成極簡主義,很多地方未免太教條。比如說圖標,看起來辨識度不高,彼此之間很模糊,可以適度修改,提高辨識度。極簡主義的意義在于能夠優秀傳達內容。

      設計元素

      為現代人打造現代風格設計

      What Simplicity Really Means

      創意產品機構 Gigantic Squid的網頁設計就不賴,很有極簡之風。少放文字,多放圖,讓更直觀的圖像說話。

      簡約內容適合以簡約風格來表現

      What Simplicity Really Means

      像 Minimalist Music Quiz這種網站只有一個目的:通過展示極簡主義藝術海報設計,來讓用戶猜歌。

      這種網站就很適合采用極簡風格。其一,和網站極簡海報猜歌的主題相符;其二,像這種小游戲,越簡單越能吸引用戶;其三,功能更直觀、更強。

      對比感

      What Simplicity Really Means

      黑白色的照片結合藍綠色三角形,Case 3D 的網站向我們展示了他們成功的秘要:高度對照的形狀、材質以及色彩。

      平衡感

      What Simplicity Really Means

      平衡感可以通過很多手段來完成, Hennessy’s 的網頁設計采用了其中一種方法。經典的柵格線布局,讓網頁看起來具有一種歷史悠久感和品牌經典感,其他方法這里不贅述了,請各位自行探索。

      細節

      What Simplicity Really Means

      是細節的精致感讓 Stronghold的網站美麗無窮,這種細節化的極簡設計非常特殊。這是高水準的極簡設計,沒有一定功力的設計師做不來。

      字體

      What Simplicity Really Means

      The textural, handwritten typography on MailChimp 2012’s的主頁采用了手繪字體,讓圖像一下子活了起來;整體簡單無比,視覺效果又非常流暢,還具有一種空間感。

      一致性

      What Simplicity Really Means

      Adam Rudzki的個人網站,視覺和交互體驗都不錯,形狀、線條、動效無縫銜接,保證一致性的同時具有清晰的辨識度。

      總結

      上面提到的所有元素在進行極簡設計時都要考慮到,并且要良好結合。

      極簡主義的目的是通過簡化來提高傳達效果,可選項盡量少一點。好的極簡設計交互流暢、視覺誘人、體驗美妙。

      很多設計師都從極簡設計中受益,有的人在進行極簡設計中發現了自己的不足,而有的人則通過極簡設計吸引了更多的用戶,因此無論從哪個出發點,極簡主義都是個不錯的選擇。

      UICN @MartinRGB 翻譯

      Kiriya

      萌新搬磚工https://dribbble.com/Kiriya

      4183粉絲/58關注

      人氣明星老馬識途助人為樂首頁達人一鳴驚人
      2018設計趨勢【文字教程】8bit像素神器——MagicaVoxel
      3
      Kiriya

      沒錯,甲方不喜歡大塊留白怎么辦?我能怎么辦!我也很絕望啊。改風格吧!

      精彩!

      Kiriya

      Kiriya

      萌新搬磚工https://dribbble.com/Kiriya

      人氣明星老馬識途助人為樂首頁達人一鳴驚人

      掃描二維碼
      去手機端查看海報

      Kiriya

      TA已經獲得9枚勛章啦

      • 成就勛章

        • 特別勛章

        • 身份勛章

      • 已擁有

      • 作品

        創造者才是真正的享受者。

      • 經驗

        經驗是一所好學校,可它的學生卻經常曠課。

      • 活躍

        大神都是從圍觀群眾開始的

      • 拓展

        作品、經驗、活躍還不能滿足你?

      京ICP備14007358號-1 / 京公網安備11010802014104號 / Powered by 2008-2019 UI.CN

      印度快乐8开奖号码
        <menuitem id="mh6do"></menuitem>

        
        
        <em id="mh6do"><ol id="mh6do"><mark id="mh6do"></mark></ol></em>
        <ol id="mh6do"></ol>
          <em id="mh6do"><tr id="mh6do"></tr></em>
          <dl id="mh6do"><ins id="mh6do"><thead id="mh6do"></thead></ins></dl>

          <sup id="mh6do"><menu id="mh6do"><small id="mh6do"></small></menu></sup>
            <menuitem id="mh6do"></menuitem>

            
            
            <em id="mh6do"><ol id="mh6do"><mark id="mh6do"></mark></ol></em>
            <ol id="mh6do"></ol>
              <em id="mh6do"><tr id="mh6do"></tr></em>
              <dl id="mh6do"><ins id="mh6do"><thead id="mh6do"></thead></ins></dl>

              <sup id="mh6do"><menu id="mh6do"><small id="mh6do"></small></menu></sup>