<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>

        杭州制作企業網站:你應該知道線框設計的規則和禁忌

        2018.05.18 杭州制作企業網站

        151

        杭州制作企業網站:你應該知道線框設計的規則和禁忌



          杭州制作企業網站是設計過程中的第一步,它可以說是最重要的步驟之一,因為這是你的思維開始成形的時候。雖然線框看起來很簡單,但你可能無法很好地設計它。您的線框可能會對最終產品產生重大影響。杭州制作企業網站在本文中介紹了正確的(和不正確的)設計框圖,這些提示將幫助您構建更好的網頁和移動線框。

         

          一,什么是線框

         

          線框是布局的基本框架。在線框中不使用真實的用戶界面元素;而是使用占位符-用戶界面元素通常表示為輸入框,用于驗證信息架構和一般用戶進程。階段的設計和開發過程。

         

          二。為什么框圖很重要

         

          線框是產品設計過程中的一個關鍵步驟,因為它可以幫助設計者決定應用程序或網站的外觀和功能,線框確保項目中的每個人對產品設計的結構和功能有同步的理解,而T他線框也可以用作產品文檔-為建筑應用或網站的設計者提供指導。

         

          但是杭州制作企業網站設計師應該如何充分利用線框,他們應該避免什么讓我們看一看。

         

        杭州制作企業網站


          1。在創建線框之前

         

          如果你想創建一個好的線框,你必須研究用戶的需求——他們到底想要什么你需要考慮兩個關鍵目標:業務目標和用戶目標。這兩個目標對你產品的成功至關重要。這些研究將幫助你設定明確的期望,也就是說,如何通過線框實現你的目標。

         

          2。保持簡單

         

          線框和其他設計工具的主要優點是速度快,結構簡單,速度尤為重要。線框不應該減慢你的速度。

         

          在提出適當的解決方案之前,你可以嘗試許多不同的選擇。這就是為什么保持你的線框簡單是非常重要的,以避免分心和專注于你的想法。

         

          3。各抒己見

         

          在構建線框時,要盡可能多地注意思路。一般來說,你所設計的越多,你就越有可能找到最佳的解決方案。在一個點上可以看到各種各樣的想法和變量,你可以看到它的優點和缺點。每個想法。

         

          4。確保線框易于理解

         

          線框作為溝通的工具有助于其他人理解你的想法。如果你打算與團隊和公司分享你的線框,確保任何人都能很容易地理解你的線框。如果只有一個人能理解你的線框,那就意味著出現了一個問題。

         

          試著遵循以下幾點來提高你的理解力。

         

          杭州制作企業網站向那些與你的項目無關的人展示你的臺詞,并問他們一些問題。這會讓你意識到你應該做些什么來提高你的理解力。

         

          添加評論到你的線框,使它更容易閱讀和理解。

         

          觀察某些元素或相互作用的描述要容易得多,而不是通過觀察靜態圖像來判斷如何做到這一點。

         

          添加一些重要的細節到你的語言,而不是讓框架本身出現。


        杭州制作企業網站公司


         

          5。協作

         

          不要獨自畫畫。當你和其他人進行頭腦風暴時,你通常會對一些好的結果作出反應。在設計的早期展示你的團隊成員將幫助你確認和改進你的想法。

         

          反饋可以幫助你改進你的工作——傾聽你的團隊成員對你的設計的意見,迭代并改進基于反饋的設計。

         

          你不應該做的事:

         

          1。不要跳過應用程序的某些部分。

         

          杭州制作企業網站有些人會說,我們的電子商務網站的結賬頁與許多其他網站相似,所以你可以跳過應用程序的一部分的線框。顯然我們知道如何設計,所以忽略它,集中精力設計其他部分。

         

          為了避免這種想法,你必須確保應用程序的每一部分都是有線的,因為它防止你錯過了用戶體驗交互的一些重要部分。不要忽略應用程序中的任何東西。

         

          2。不要首先使用數字工具

         

          當你開始創建線框時,你可能會認為直接使用你最喜歡的設計工具是很好的。雖然像McCopPro這樣的現代原型工具可以在幾分鐘內創建一個全功能的原型,但在大多數情況下,最好從筆和紙開始。

         

          首先,在切換到數字工具之前畫出你的想法。

         

          3。請勿使用顏色

         

          杭州制作企業網站有沒有想過為什么線框經常使用灰度來創建這是有目的的——灰度可以防止顏色分散。線框的主要目的是排列內容并描述應用程序的功能。添加多種顏色會導致分心。

         

          因此,最好避免使用在線框中的顏色(除非突出顯示某些特定元素)。

         

          不要使用顏色。如果你想這樣做,你可以做一些特別的事情。在這個例子中,Tunihani使用紅色來突出重要元素并添加注釋。


        杭州制作企業網站


         

          4。不要美化它

         

          不要太在意線框的外觀。它們不需要被設計成成品。記住,線框是一種工具,可以幫助您理解頁面信息的結構,而不是視覺或交互設計。

         

          杭州制作企業網站當你太注意后者時,可能有太多的美麗元素,但它絕對不是解決方案。因此,當涉及到線框時,你首先要使它們變得有價值。線框應該很容易地傳達你的想法并幫助交流,而視覺和交互設計則是。應該停留在產品設計過程的后期階段。

         

          5。不產生依賴性

         

          不要過分依賴你的線框。隨時準備丟失它們。是的,扔掉你必須考慮的東西(尤其是當你認為它是好的,但它不符合你設計的產品的概念)時可能會很困難。

         

          但重要的是要記住,您需要嘗試多種不同的選項來設計線框(可能是10/50/100),只有在此之后,您才會選擇一個(兩個)作為原型的基礎。

         

          三。結論

         

          線框是用戶體驗設計師的基本技能,隨著時間的推移,任何其他技能都可以得到提高,提高線框技能的關鍵在于實踐。你做的越多,你就會越成功。

         

          因此,請留出時間為下一個項目創建一個線框。在早期,你需要花一些時間在在線框圖上。以后,你可以節省很多時間?! ?/span>

         

          轉載請注明:杭州制作企業網站:http://www.zapbcs.com/newsshow/209.html

        關鍵詞

        熱門分享

        最新案例

        聯系電話 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>