激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

詳解大廠的UI設(shè)計規(guī)范制作步驟

發(fā)布時間：2024-02-29 12:47:29 瀏覽量：181次

本文將為大家介紹如何敲定一個具體的設(shè)計原則，并展示了具體步驟——從公司戰(zhàn)略層提取到核心一級關(guān)鍵詞，到二級關(guān)鍵詞，以及對應(yīng)的設(shè)計手法，對應(yīng)到形色字構(gòu)質(zhì)。

上篇文章講了為什需要設(shè)計語言以及設(shè)計語言包含了哪些內(nèi)容，《像蘋果Google一樣做設(shè)計語言，帶你了解全流程》為什么需要設(shè)計語言？對內(nèi)，保證設(shè)計團隊的一致性，給用戶體驗一致性，提升設(shè)計效率；對外，統(tǒng)一的品牌符號，有助于加深產(chǎn)品在用戶心中的印象，同時設(shè)計語言設(shè)定包含了，設(shè)計原則、色彩系統(tǒng)、顏色系統(tǒng)、柵格系統(tǒng)、圖形、字體、投影等原則，今天來和大家分享，如何去敲定一個設(shè)計原則。

一、提取設(shè)計原則關(guān)鍵詞

1. 提取一級關(guān)鍵詞

第一步，先要去提取出關(guān)鍵詞，這個關(guān)鍵詞怎么來。

有幾種方式獲取，第一個從整個公司戰(zhàn)略出發(fā)，任何一個產(chǎn)品一定有他的戰(zhàn)略——品牌戰(zhàn)略、商業(yè)戰(zhàn)略。

舉個例子，假設(shè)我們是ebay，公司今年戰(zhàn)略是全球化、高品質(zhì)、正品，那么這個就是一級核心關(guān)鍵詞，所有的設(shè)計語言一定要和公司戰(zhàn)略結(jié)合起來，可以理解為戰(zhàn)略關(guān)鍵詞是整個設(shè)計語言頂部金字塔。

2. 運用情緒板提取二級關(guān)鍵詞

有了一級關(guān)鍵詞后，需要去思考，那么什么樣的設(shè)計能給人全球化的感受呢，什么樣的感覺能有高品質(zhì)，正品應(yīng)該傳遞什么樣的感覺呢？

此刻需要用到第二個方法就是情緒版，通過情緒版去把符合這些關(guān)鍵詞感受的圖形具體化。

二、高品質(zhì)特征是什么？

下圖是一組日本的花茶設(shè)計，那么在這組設(shè)計中，設(shè)計師是如何體現(xiàn)高品質(zhì)呢？

首先包裝很精美耐看，設(shè)計簡約

做工精良，整個產(chǎn)品包裝，都是在富士山腳下

采摘環(huán)境很透明，值得被信任

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

整個的設(shè)計很完整，很有設(shè)計感在里面

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

2. 高品質(zhì)設(shè)計表現(xiàn)形式？

關(guān)于高品質(zhì)在視覺形式上如何來體現(xiàn)了，哪些設(shè)計感覺能代表高品質(zhì)呢，這個時候就需要我們?nèi)ふ乙恍┰O(shè)計參考，這些案例要能代表高品質(zhì)。

? 清晰的有品質(zhì)的圖片

? 牛皮癬，不精致不可取

? 優(yōu)雅的排版和留白，文字清晰，雜志感受

? 圖文密集，缺少版式不可取

? 精致的布局，柵格的體系，給人品質(zhì)感

? 缺乏版式及設(shè)計感

? 有設(shè)計細節(jié)的

? 無細節(jié)不可取

?合理的配色，簡單清晰

?山寨的配色不可取

?設(shè)計的延續(xù)性和完整性

2. GOOD CASE

3. BAD CASE

三、設(shè)計分層

以上就是我們從一個戰(zhàn)略關(guān)鍵詞逐步推導到一級關(guān)鍵詞，到二級關(guān)鍵詞，到設(shè)計手法，以及對應(yīng)設(shè)計表達，推導的一個全過程。

  • 本能層：清晰的，有設(shè)計感的，做工精致
  • 行為層：完善的，值得信任的，用心的
  • 精神層：讓人向往的，值得期待的

四、總結(jié)

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

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

五、最后

希望大家可以通過我這期的分享，能夠詳細理解到如何從公司戰(zhàn)略層提取到核心一級關(guān)鍵詞，到二級關(guān)鍵詞，以及對應(yīng)的設(shè)計手法，對應(yīng)到形色字構(gòu)質(zhì)，大家可以依據(jù)此方法去拿你現(xiàn)在手上的界面去做一次體系化的推導。

最后，依據(jù)推導出來的原則，以及對應(yīng)的設(shè)計手法去做概念，去在界面中運用，最終完成設(shè)計語言第一步，設(shè)計關(guān)鍵詞和設(shè)計手法定義。

#專欄作家#

Sky，微信公眾號：我們的設(shè)計日記（ID：helloskys），設(shè)計交流可加微信：hellosky678，人人都是產(chǎn)品經(jīng)理專欄作家。支付寶體驗設(shè)計專家，阿里巴巴天貓設(shè)計專家；10年知名互聯(lián)網(wǎng)公司設(shè)計經(jīng)驗，對于產(chǎn)品從0到1、品牌定位、金融產(chǎn)品、設(shè)計規(guī)范、運營規(guī)范、大促等有豐富實戰(zhàn)經(jīng)驗。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定