92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

設計方法論

2022-5-31    鶴鶴

“先有思想,后有設計”設計師自身應該逐步建立一套自己的設計體系,需要對設計方法論有專業的認識和理解。一直想收集整理日常說到的各類設計理論知識,也希望通過整理和總結能有新的收獲,加深記憶。



格式塔心理學是視覺排版及設計中應用比較廣泛,主要指人的眼腦作用是一個不斷組織、簡化、統一的過程,正是通過這一過程,才產生出易于理解、協調的整體。格式塔的理論核心是整體決定部分的性質,部分依從于整體,人腦知覺到的東西要大于眼睛見到的東西。

  1. 圖形與背景的關系原則:在有一定配置的畫面內,有些對象凸顯出來形成圖形,有些對象退居到襯托成為背景,圖形和背景的區分度越大圖形就越突出成為感知對象,要讓圖形成為突出對象,不僅需要有突出的特點,還要有明確的輪廓/明暗度/統一性。運用到設計中,做海報banner時要盡量弱化背景突出視覺中心,減少背景的細節和色彩,可以讓用戶更加聚焦視覺中心。
  2. 接近或鄰近原則:接近強調位置,實現統一的整體,某些距離較短活互相接近的部分,容易組成整體。
  3. 閉合性原則:人們傾向把不連貫的圖形盡可能在心理上使之趨合,即是閉合性原則。人們在感知圖形的時候通常會先整體后局部,從整體上找到一個近似匹配,然后填補空白,這個空白是我們認為我們應該看到的內容,可以省去部分的輪廓,同時還會提供完善的定界/對稱和形式
  4. 相似性原則:相似強調內容,人們通常把那些明顯具有共同特性的(如顏色,運動,形狀,大小等)事物組合在一起。
  5. 對稱性原則:人們往往容易感知圍繞中心對稱的形狀,對稱性給了我們堅固和穩定的秩序感,這種本能會讓我們在組合物中尋找一種平衡感,雖然很多設計中并不需求完全對稱。利用這一點可以在設計中反向的打破對稱性,制造畫面的沖擊力。
  6. 連續性原則:如果一個圖形的某些部分可以被看作是連接在一起的,那么這些部分就相對容易被我們知覺為一個整體。
  7. 簡單原則:在人的眼腦認知中習慣將事物簡化,通常會根據已有的認知來確定元素,一個簡單明確的對象會比一個復雜具體的形象更快更有效的傳遞信息
  8. 共方向原則:同方向元素會比固定元素或者不同方向的元素更為緊密。不管元素相距多遠或者看起來有多么不同,只要他們按照同一方向運動,就會被認為有相關性。



古登堡法則是又稱對角線平衡法則,由14世紀西方活字印刷術的發明人約翰·古騰堡提出。古登堡圖表將要畫面顯示的東西分成了四個象限:

1.第一視覺區(Primary Optical Area):左上方,讀者首先注意到的地方。

2.最終視覺區(Final Optical Area):右下方,視覺流程的終點。

3.強閑置區(Strong Follow Area):右上方,較少被注意到。

4.弱閑置區(Weak Follow Area):左下方,最少被注意到。

通過古登堡法則我們知道用戶的視覺中心往往在頁面的左上方,而結束瀏覽時視線往往落在右下角,所以合理利用這個法則可以幫助用戶更好地獲取內容并采取行動。自上而下的界面設計,自左向右的界面設計,頁面中通常將操作按鈕放在右下角。



交互七大定律

菲茲定律:從一個起始位置移動到一個最終目標所需的時間由兩個參數來決定,到目標的距離和目標的大?。▓D中的 D與 W),用數學公式表達為時間 T = a + b log2(D/W+1)。意味著小而近的目標用戶不需要花費太大的精力就能輕易觸及或者關注,相反小而遠的目標則需要花費用戶更多的時間和注意力,菲茲定律闡述的是效率相關的問題

思考結論:1.必要時讓按鈕更大,2.讓相關信息更近

??硕?span style="margin:0px;padding:0px;outline:none;box-sizing:inherit;color:#080808;">一個人面臨的選擇(n)越多,所需要作出決定(t)就越長。用數學公式表達為反應時間T=a+b log2(n)。在人機交互界面中選項越多,意味著用戶作出決定的時間越長。如比起2個菜單,每個菜單有5項,用戶會更快從有10項的1個菜單中做出選擇。席克定律在產品應用中主要用于通過合理的選項及功能規劃提高用戶的決策及完成任務效率

應用場景:

1.分類編組,提高決策效率

2.過濾選項,隱藏/刪除低頻率功能選項

3.分布執行,提高流程轉化率



米勒定律:頭腦最好的狀態能記憶含有7(±2)項信息塊,在記憶了 5-9 項信息后人類的頭腦就開始出錯。米勒定律在產品應用中主要在于合理的信息布局和信息處理可以提高用戶對信息的獲取效率和記憶難度。

應用場景:

1.控制數量,減少用戶選擇

2.信息分段,輔助用戶記憶

3.流程分步,優化用戶操作

4.信息排序,引導用戶記憶

臨近性原則:當對象離得太近的時候,意識會認為它們是相關的。在交互設計中表現為一個提交按鈕會緊挨著一個文本框,用戶會理解為按鈕于文本框有關聯性。換句話說當相互靠近的功能塊是不相關的話,就說明交互設計可能是有問題的。

泰斯勒定律(復雜守恒定律):定律認為每一個過程都有其固有的復雜性,存在一個臨界點,超過了這個點過程就不能再簡化了,你只能將固有的復雜性從一個地方移動到另外一個地方。

應用場景:

1.合理縮短用戶使用路徑,在設計中可有適度的簡化縮短操作流程但是到一定的程度可能會影響整體的功能和價值。

2.將固有的復雜性從一個地方轉移到另一個地方,例如搜索中歷史記錄,信息商品的收藏等功能,實際都利用了此定律。

3.將功能進行拆分,一次性無法降低復雜度的功能可以進行拆分。

奧卡姆剃刀原理:奧卡姆剃刀原理只承認確實存在的東西,認為那些空洞的普遍性的東西都是沒有用的,應該剔除掉,概括起來就是“如非必要,勿增實體”實際上無論實體、視覺或認知上,多余的負擔都會削弱表現效能,去除解決方案的雜質,讓最后的設計會更嚴謹、更純粹。在設計蘋果產品的時候,喬布斯一直堅持認為:為了實現一個功能而造出一堆復雜的東西,沒用,簡單的才最好。Google專注于搜索,主頁上也只有搜索,其他搜索引擎就沒有做的這么徹底,這也是為什么Google用戶量最多的原因之一。

防錯原則:最早應用于汽車制造領域中,工程師新鄉重夫(豐田精益生產莊家)于上世紀60年代,創造了這個理念。防錯原則認為大部分的意外都是由設計的疏忽,而不是人為操作疏忽,例如硬件設計上的 USB 插槽,醬油瓶口。防錯原則有四項基本原則包括,輕松原則,簡單原則,安全原則和自動原則。

尼爾森十大交互原則

狀態可見原則:保持界面的狀態可見,變化可見,內容可見。讓用戶知道發生了什么,在適當的時間內做出適當的反饋。 比如用戶在網頁上的任何操作,不論是單擊、滾動還是按下鍵盤,頁面應即時給出反饋。



貼近場景原則:用用戶的語言,用詞,短語和用戶熟悉的概念,而不是系統術語。遵循現實世界的慣例來呈現信息,功能操作符合用戶的使用場景。進一步來說貼近場景,也是要求在設計的時候要考慮,產品面對的人群和人群所在的環境,比如,同一款產品在不同地區呈現形式需要考慮文化差異。不同屬性的產品例如兒童教育和辦公產品,需考慮使用人群的特性。

可控原則:操作應該是可逆的,可以支持“撤銷”和“重試”,以此來離開“非預期” 的狀態,簡單來說就是不要讓用戶走進死胡同,提供出口和退路。例如微信發送消息可以撤回可重新編輯等。很多web端的表單,文章發布等都支持自動保存,很大程度上避免錯誤或者意外操作。



一致性原則:遵循平臺的慣例。也就是,同一用語、功能、操作保持一致。

防錯原則:核心觀點是如何有效的在用戶出錯之前就盡量避免錯誤發生,在互聯網產品中,比起回退修改錯誤信息或者操作更好的是,用設計防止這類問題發生。很多轉賬功能中輸入數字后會顯示千萬等說明文字,用戶輸入卡號后會自動識別關聯銀行,避免用戶出錯。

1.限制操作范圍和條件。例如很多手機登錄等交互中默認設置手機號為11位避免了用戶出錯,提高了易用性。

2.對有風險的操作進行二次確認。



易取原則:盡量減少用戶對操作目標的記憶負荷,動作和選項都應該是可見的。用戶不必記住一個頁面到另一個頁面的信息。系統的使用說明應該是可見的或者是容易獲取的。 很多產品搜索功能的關鍵詞聯想搜索,即使用戶不能完全記住關鍵詞也能輕松搜索。

1.讓用戶選擇而不是輸入,選擇和輸入的操作成本相差巨大,產品應給給用戶提供選項,讓用戶可以直接選擇,而不是自己輸入,比如填寫收貨地址。

2.自動讀取、記錄信息、減少操作路徑。在用戶使用產品的過程中,會產生一些需要記憶的內容、或者操作路徑,這個時候我們要避免用戶記憶,把信息直接提取出來,送到用戶手里



高效靈活原則:為大多數用戶設計,兼容少部分特殊用戶。允許用戶進行頻繁的操作,更加便捷靈活的代碼和反饋。各大產品中常使用的搜索功能,提供歷史搜索功能。微信朋友圈發布中選擇可見/不可見人群時,提供上次選人記錄。
1.提供快捷入口,例如支付寶的首頁可以自主配置常用的小程序,微信下拉對話頁面可以快捷進入歷史小程序
2.方便用戶重復操作,例如外賣平臺中自動定位常用地址,訂單中可以再來重復的一單等

3.預知用戶操作縮短操作路徑,例如截圖后打開微信對話框會關聯截圖發送

簡約原則:審美和簡約設計,頁面不應該包含無關緊要的信息,頁面的每個額外信息都會降低主要內容的相對可見性。

容錯原則:錯誤信息應該用語言表達(不要用代碼),較準確地反應問題所在,并且提出一個建設性的解決方案。比如404。

人性化幫助原則:有必要提供幫助和文檔。任何信息應容易去搜索,專注于用戶的任務,列出具體的步驟來進行。幫助性提示最好的方式是:1、一次性提示;2、常駐提示;3;幫助文檔。



通過這些方法的總結歸納,我發現其實很多原則原理我們在平時的設計中有意無意的總會用到,在實際工作中設計很大程度上是做選擇,哪一種是對產品對用戶最優的方案,有的設計師可以通過自己的經驗作出選擇,沒有經驗的可能需要多多理解這些原則原理,交互設計之父阿蘭·庫珀說過“除非有更好的選擇,否則就遵從標準”只有反復的遵循使用標準才能建立自己的一套設計方法論,讓工作更加得心應手。

來源:站酷
作者:有魚MUMU

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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

日歷

鏈接

個人資料

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

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
国产精品丝袜白浆摸在线| 精品国产91久久久| 亚洲最大的av网站| 最新中文字幕一区二区三区| 欧美性猛交xxxx黑人交| 亚洲国产天堂久久综合网| 末成年女av片一区二区下载| 精品视频偷偷看在线观看| 91精品国产色综合久久| 久久免费视频在线| 日韩精品一区二区三区四区五区| 2欧美一区二区三区在线观看视频| 91麻豆精品久久久久蜜臀| 免费毛片b在线观看| 日韩视频欧美视频| 中文字幕v亚洲ⅴv天堂| 激情欧美一区二区三区在线观看| 全亚洲第一av番号网站| 欧美夫妻性生活视频| 日本三级在线播放完整版| 亚洲精品视频中文字幕| 国产主播一区二区三区四区| 久久爱另类一区二区小说| 美女撒尿一区二区三区| 久久精品亚洲一区| jlzzjlzz亚洲日本少妇| 精品婷婷伊人一区三区三| xx欧美视频| free性m.freesex欧美| 国产精品国产三级国产有无不卡| 欧美激情精品久久久六区热门| 日产福利视频在线观看| 国产精品免费久久久久| 久久99免费视频| 日韩写真欧美这视频| 国产精品一二三区在线| 91丝袜美腿美女视频网站| 最新日韩精品| 国产成人啪精品视频免费网| 中文字幕亚洲无线码a| 亚洲高清在线精品| 日本不卡高字幕在线2019| 欧美日韩经典丝袜| 久久久久免费视频| 在线激情影院一区| 亚洲黄网站在线观看| 午夜精品一区| 亚洲精品成人三区| 一区二区三区精品在线| 欧美三级在线视频| 欧美日韩高清一区二区| 久久久免费在线观看| 欧美综合一区二区三区| 欧美午夜宅男影院在线观看| 国产在视频一区二区三区吞精| 日韩av电影手机在线| 日韩有吗在线观看| 91手机在线观看| 7777精品视频| 亚洲欧美自拍偷拍色图| 色菇凉天天综合网| 欧美高清一级大片| 成人免费视频在线观看超级碰| 丰满诱人av在线播放| 国产激情一区二区三区桃花岛亚洲| 国产欧美欧洲| www.国产精品.com| 忘忧草在线影院两性视频| 日韩av手机在线看| 精品国产一区一区二区三亚瑟| 国产日产欧美一区二区三区| 亚洲精品免费av| 2019国产精品自在线拍国产不卡| 日韩免费观看高清完整版在线观看| 国产不卡视频在线观看| 在线免费视频一区二区| 亚洲成a人片在线观看中文| 欧美激情欧美| 91精品国偷自产在线电影| 2019中文字幕在线观看| 激情欧美一区二区三区在线观看| 国产视频一区二区在线| 天堂亚洲精品| 欧美成人免费在线观看| 国产风韵犹存在线视精品| 4p变态网欧美系列| 日日骚一区二区网站| 91久久国产综合久久91精品网站| 久久se精品一区精品二区| 狠狠操一区二区三区| 日韩片之四级片| 精品影院一区二区久久久| 久久亚洲综合网| 亚洲精品偷拍| 欧日韩不卡在线视频| 亚洲一区二区三区爽爽爽爽爽| 久久久久久久久一区二区| 牛人盗摄一区二区三区视频| 99久久精品久久久久久清纯| www.亚洲免费av| 成人美女黄网站| 81精品国产乱码久久久久久| 最新国产拍偷乱拍精品| 日韩激情网站| 黄色91av| 亚洲黄色录像| 亚洲国产精品va在线观看黑人| 精品无人区一区二区三区| 成人激情电影在线看| 老司机2019福利精品视频导航| 一区二区三区四区精品| 亚洲欧美偷拍自拍| 在线视频超级| 国产精品一级二级三级| 成人观看网址| 国产欧美一区二区三区米奇| videos性欧美另类高清| 欧美一区二区| 国产成人在线色| 99久久精品国产网站| 亚洲精品久久久一区二区三区| 美女主播精品视频一二三四| 亚洲国产综合在线看不卡| 午夜老司机在线观看| 欧美亚洲综合一区| xf在线a精品一区二区视频网站| 亚洲人亚洲人成电影网站色| 久久久成人的性感天堂| 色综合久久中文字幕综合网小说| 成人免费视频播放| 久久精品一区二区国产| 欧美精品少妇一区二区三区| 国产日韩精品推荐| 97婷婷大伊香蕉精品视频| 免费成人美女在线观看.| 一区二区视频免费在线观看| 91久久夜色精品国产按摩| 久久人人爽人人爽爽久久| 91精品久久香蕉国产线看观看| 主播大秀视频在线观看一区二区| 日韩欧美一级二级| 99在线高清视频在线播放| 亚洲欧美在线视频观看| 欧美日韩蜜桃| 国产成人a级片| 里番精品3d一二三区| 成人黄色av播放免费| jlzzjlzz国产精品久久| 久久久亚洲精品视频| 91精品婷婷色在线观看| 亚洲制服一区| 羞羞网站在线看| 免费成人av资源网| 国产在线拍揄自揄视频不卡99| 亚洲国产欧美自拍| 久久亚洲资源| 久久久久www| 国产精品白丝av| 91在线观看下载| 日韩国产在线播放| 欧美一卡二卡在线| 51精品在线| 日本欧美精品久久久| 风间由美中文字幕在线看视频国产欧美|