<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 一看就懂,詳解大廠ui設計制作規范步驟

    2018-7-30    博博

    一看就懂!詳解大廠UI設計規范制作步驟

    小小設計控 2018-07-30 09:34:38

    如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里


    小小設計控 2018-07-30 09:34:38
    一看就懂!詳解大廠UI設計規范制作步驟

    一、提取設計原則關鍵詞

    一看就懂!詳解大廠UI設計規范制作步驟

    1. 提取一級關鍵詞

    一看就懂!詳解大廠UI設計規范制作步驟

    第一步,先要去提取出關鍵詞,這個關鍵詞怎么來,有幾種方式獲取,第一個從整個公司戰略出發,任何一個產品一定有他的戰略,品牌戰略,商業戰略。舉個例子,假設我們是 eaby,公司今年戰略是全球化,高品質,正品,那么這個就是一級核心關鍵詞,所有的設計語言一定要和公司戰略結合起來,可以理解為戰略關鍵詞是整個設計語言頂部金字塔。

    二、運用情緒版提取二級關鍵詞

    一看就懂!詳解大廠UI設計規范制作步驟

    有了一級關鍵詞后,需要去思考,那么什么樣的設計能給人全球化的感受呢,什么樣的感覺能有高品質,正品應該傳遞什么樣的感覺呢?此刻需要用到第二個方法就是情緒版,通過情緒版去把符合這些關鍵詞感受的圖形具體化。

    三、高品質特征是什么?

    下圖是一組日本的花茶設計,那么在這組設計中,設計師是如何體現高品質呢?

    一看就懂!詳解大廠UI設計規范制作步驟

    △ 首先包裝很精美耐看,設計簡約

    一看就懂!詳解大廠UI設計規范制作步驟

    △ 做工精量,整個產品包裝,都是在富士山腳下

    一看就懂!詳解大廠UI設計規范制作步驟

    △ 采摘環境很透明,值得被信任

    一看就懂!詳解大廠UI設計規范制作步驟

    △ 整個品茶的過程也特別讓人向往,很有儀式感

    一看就懂!詳解大廠UI設計規范制作步驟

    △ 整個的設計很完整,很有設計感在里面

    一看就懂!詳解大廠UI設計規范制作步驟

    通過以上案例拆解,我們能對這個高品質的關鍵詞有更加進一步的理解,高品質原來在情感層面是一個這么抽象的感覺,但是很多同學會問,那么這二級詞匯也很抽象,如何靠這個來做設計,很難去理解及表達,別著急,還有下一步。

    1. 高品質設計表現形式?

    關于高品質在視覺形式上如何來體現了,哪些設計感覺能代表高品質呢,這個時候就需要我們去尋找一些設計參考,這些案例要能代表高品質。

    一看就懂!詳解大廠UI設計規范制作步驟

    △ 清晰的有品質的圖片

    一看就懂!詳解大廠UI設計規范制作步驟

    △ 牛皮癬,不精致不可取

    一看就懂!詳解大廠UI設計規范制作步驟

    △ 優雅的排版和留白,文字清晰,雜志感受

    一看就懂!詳解大廠UI設計規范制作步驟

    △ 圖文密集,缺少版式不可取

    一看就懂!詳解大廠UI設計規范制作步驟

    △ 精致的布局,柵格的體系,給人品質感

    一看就懂!詳解大廠UI設計規范制作步驟

    △ 缺乏版式及設計感

    一看就懂!詳解大廠UI設計規范制作步驟

    △ 有設計細節的

    一看就懂!詳解大廠UI設計規范制作步驟

    △ 無細節不可取

    一看就懂!詳解大廠UI設計規范制作步驟

    △ 合理的配色,簡單清晰

    一看就懂!詳解大廠UI設計規范制作步驟

    △ 山寨的配色不可取

    一看就懂!詳解大廠UI設計規范制作步驟
    一看就懂!詳解大廠UI設計規范制作步驟
    一看就懂!詳解大廠UI設計規范制作步驟
    一看就懂!詳解大廠UI設計規范制作步驟
    一看就懂!詳解大廠UI設計規范制作步驟

    △ 設計的延續性和完整性

    2. GOOD CASE

    一看就懂!詳解大廠UI設計規范制作步驟
    一看就懂!詳解大廠UI設計規范制作步驟

    3. BAD CASE

    一看就懂!詳解大廠UI設計規范制作步驟

    四、設計分層

    以上就是我們從一個戰略關鍵詞逐步推導到一級關鍵詞,到二級關鍵詞,到設計手法,以及對應設計表達,推導的一個全過程。

    • 本能層:清晰的,有設計感的,做工精致
    • 行為層:完善的,值得信任的,用心的
    • 精神層:讓人向往的,值得期待的
    一看就懂!詳解大廠UI設計規范制作步驟

    五、總結

    以上大概為一個設計關鍵詞的全部推導過程及到設計手法的確定,也是設計語言里面最難的部分,后面的關鍵詞也是類似的思考方法和思路,最終通過推導我們需要得出每個關鍵詞的情緒圖,以及對應設計特征,最終需要在界面中展示的形色字構質,一個完整過程。

    一看就懂!詳解大廠UI設計規范制作步驟
    一看就懂!詳解大廠UI設計規范制作步驟
    一看就懂!詳解大廠UI設計規范制作步驟

    比如國際化,同樣通過前面思路,我們需要去思考國際化如何在設計中體現,去提煉出代表國際化的象征物,如地標,國旗,郵戳,貨幣等等,包括如何在界面中融于國際化元素,以及人物和節日場景。

    結語

    希望大家可以通過我這期的分享,能夠詳細理解到如何從公司戰略層提取到核心一級關鍵詞,到二級關鍵詞,以及對應的設計手法,對應到形色字構質,大家可以依據此方法去拿你現在手上的界面去做一次體系化的推導。

    最后,依據推導出來的原則,以及對應的設計手法去做概念,去在界面中運用,最終完成設計語言第一步,設計關鍵詞和設計手法定義。

    圖片素材作者:Tran Mau Tri Tam ?



    藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務



    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 国产精品V亚洲精品V日韩精品| 精品久人妻去按摩店被黑人按中出| 91精品国产福利在线观看麻豆| 中国大陆精品视频XXXX| 亚洲精品高清国产一久久| 国产精品多人p群无码| 亚洲性日韩精品一区二区三区 | 亚洲无码精品浪潮| 国产精品伦理久久久久久| 欧美一区二区精品久久| 国产成人精品优优av| 久久精品国产亚洲AV无码偷窥| 中文字幕日韩精品有码视频| 日本精品自产拍在线观看中文 | 国产成人亚洲精品青草天美| 日韩精品久久久久久免费| 亚洲国产主播精品极品网红| 日韩福利视频精品专区| 国产在线精品一区二区夜色| 97久久精品人人做人人爽| 国产精品污视频| 2022年国产精品久久久久| 久久久无码精品亚洲日韩蜜臀浪潮| 亚洲国产精品成人一区| 香港aa三级久久三级老师2021国产三级精品三级在 | 亚洲麻豆精品国偷自产在线91| 久久精品亚洲精品国产欧美| 黄床大片免费30分钟国产精品| 国产精品免费久久久久久久久| 国产精品网址在线观看你懂的| 国产成人精品一区二区三区| 国产精品人成在线观看| 91精品国产自产在线老师啪| 97精品在线播放| 国产在线91精品入口| 精品一久久香蕉国产线看播放 | 久热精品人妻视频| 亚洲а∨天堂久久精品| 亚洲综合精品香蕉久久网| 久久国产精品无码HDAV| 国产精品视频一区二区三区四|