您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
04 facebook的圖標為什么是個f(看到一個網頁模板上,是DW制作,沒有圖片鏈接代碼,為什么網站上會顯示圖標?)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-05-29 09:06:59【】7人已围观
简介最抽象的平面開始:產品設計的第一平面從較高的層次看,第一平面實際上是產品設計的起點。在這里,您將采用不同的研究方法,包括用戶訪談,競爭性分析,用戶角色和其他研究方法,以了解:您要解決的問題是什么?您的
產品設計的第一平面
從較高的層次看,第一平面實際上是產品設計的起點。在這里,您將采用不同的研究方法,包括用戶訪談,競爭性分析,用戶角色和其他研究方法,以了解:
您要解決的問題是什么?
您的用戶需求是什么?
您的產品如何適應業務環境(產品目標)?
第二架飛機:
產品設計第二平面
在此階段,您應該定義平臺的功能規格和內容要求。換一種說法:
您如何通過平臺解決問題?有哪些功能,您如何確定它們的優先級?
設計人員面臨的挑戰是在優先考慮功能的同時最大程度地權衡取舍。當然,您可能有數百個想法可以解決問題,但是您不能全部實現。
第三架飛機:
在此階段,您的想法應開始形成結構。信息架構與應用程序中信息的組織方式以及用戶如何認知地處理信息有關。用戶流可以勾勒出用戶通過該應用程序進行的特定旅程,以幫助解決他們的特定需求。它涉及使您的用戶滿足其需求的最合乎邏輯的步驟。
下一個層面是事情變得不那么抽象,更具體的地方:
骨架平面試圖實現界面設計和信息設計的結構。界面設計與特定界面元素的布置有關,以使用戶能夠與系統的功能進行交互,而信息設計與信息的呈現有關,從而有助于理解。
在此階段,您可能會發現UX或產品設計師在線框上進行設計,測試和迭代。線框的保真度非常低,通常是灰度模型,它們向用戶展示了每個界面元素的意圖。
最后,最具體的飛機:
顧名思義,水平面致力于獲得出色的感官體驗和視覺設計。設計師的目標是通過以一種凝聚力的形象成功傳達品牌,產品,價值和功能,與用戶建立內在聯系。
在這架飛機上,您會發現UI設計師和視覺設計師使用諸如Sketch,Photoshop,Adobe Experience Design,Illustrator或Figma之類的工具來完成大部分工作。
接下來,讓我們進入UI設計的一些基本原理。
原則1:清晰至上。
沒有比應用程序中的歧義更糟糕的了。該按鈕有什么作用?我怎么到這里了?我該如何回去?為了避免這種情況,設計人員應始終問自己:
為什么在這里?這有意義嗎?我還能探索什么其他可能性?
優秀的設計師知道如何探索界面布局的各種可能性,每種界面的潛在權衡,以及了解哪種設計可以幫助用戶最好地實現其目標。設計上的清晰度使用戶在瀏覽您的應用程序時感到自信。
原則2:提供清晰,有意義的反饋
我們都使用了網站或應用程序來嘗試單擊按鈕,并且我們想知道系統是否注冊了該點擊。
簡而言之,每個動作都需要一種反應。例如,如果您是Web開發人員,則更改按鈕的:hover狀態是一種常見的反饋形式,它可以使您的用戶了解其懸停操作。
一個很好的例子是Facebook使用其骨架加載狀態。當用戶等待其內容加載時,內容形式的加載狀態會為用戶提供有意義且相關的反饋,以使用戶了解其內容正在加載。
原則3:一致性很重要。
當提到一致性時,我指的是整個產品中界面元素或語言的一致性。用戶開始學習如何使用產品后,就不必重新學習它了。讓我們來看一個不良一致性的例子。
Xfinity主頁
Xfinity電視頁面
Xfinity個人頁面
上面的示例可能看起來像來自3家不同公司的3個網站,但實際上并非如此。是什么讓人們覺得呢?好吧,每個頁面的導航欄使用不同的顏色,布局和字體樣式集。作為用戶,這可能會造成混亂和迷惑,并且用戶可能會忘記這些都在一個網站下。
作為設計師,您如何在整個應用程序中保持一致性?您可以使用一致的網格系統設計應用程序,例如在移動應用程序和圖標設計中找到的常見8點網格系統。您還可以在整個屏幕上保持一致的配色方案和導航元素。這些元素都可以植根于樣式指南中:
關鍵是:良好的一致性和結構會讓您的用戶有賓至如歸的感覺。
原則4:如有疑問,請使用已建立的設計模式。
在這里請不要誤會我的意思,即創新是令人敬畏的,而且值得鼓勵,但創新不應該以犧牲用戶體驗為代價。如果車輪在完成工作方面做得很好,則無需重新發明車輪。例如,如果您不確定圖標是準確還是直觀地表示一個單詞,則只需在該位置使用該單詞即可。或堅持常見的顏色模式,例如紅色陰影以警告/警告用戶,或綠色以標記完成。
為什么要使用既定的設計模式?好吧,其中之一,許多已確立的設計原則都基于人類的感知。在讀取內容塊時,讓我們采用F形讀取模式或眼睛掃描模式。
F形閱讀模式。
這是根據從眼睛跟蹤實驗收集的數據生成的熱圖。紅色區域代表查看最多的部分,而藍色區域代表最少的部分。如您所見,生成的熱圖在某種程度上類似于字母F。但這對設計師意味著什么?
這意味著您應該將最重要的內容放在左上角。
例如,通常會在左上角找到徽標。這使公司可以加強其品牌形象。在右上角,您通常可能會找到要導航的頁面,或者可能是搜索欄。這使用戶可以輕松導航不同的頁面,而無需在整個頁面中搜索導航元素。這是兩個遵循此設計模式的示例:
隨著您在頁面上越走越遠,用戶的注意力可能會枯竭。因此,將最重要的內容放在頂部,并為用戶提供大膽的標題,以使您的內容易于掃描。
原則5:使用視覺層次結構。
什么是視覺層次?嗯,元素的排列方式暗示了相對重要性。這是設計師嘗試引導眼睛感知呈現的信息的順序。
我們感知信息的方式是通過促成幾個因素的影響如何,我們排名布局中的內容的層次結構。讓我們跳入一些層次結構基礎知識:
一,版式
什么是好的排版?兩個主要因素是可讀性和移植性。
易讀性是一種字體的先天品質,它使每個單獨的字母形式彼此區分開。這完全取決于字體,因此您無法做任何使字體更清晰的事情,因此請適當選擇。
可讀性取決于您如何操作特定字體以使其更易于理解。
注意頂部字體比底部字體難讀嗎?如果不…
現在呢?
決定某項內容易于閱讀的另一個因素是行長。如果行太短,并且閱讀器不斷在行與行之間跳動,則閱讀器很難吸收信息。如果線長太長,也會發生同樣的情況-眼睛很快就會疲勞。
另外,切勿將大塊副本居中。對于我們來說,閱讀左對齊的文本塊要容易得多,因為眼睛可以準確知道下一行的開始位置。
二。空格(又稱負空格)
有沒有人看過菜單/網站/界面,然后想到:“這看起來很棒,但我不確定為什么嗎?”現在好了。答案是空格。空白有助于極大地提高可讀性和理解力。一項研究(Lin,2004年)發現,在段落之間以及左右邊界處充分利用空白可以將理解力提高近20%。讀者發現更容易集中精力處理大量的內容。
正空格=狗。負空間=目錄
許多人認為空白取決于“味道”。我認為這比這更客觀。我們可以有意地使用空白來創建強大的層次結構。讓我們看一下Helen Tran的網站,以及她如何有意地使用空白:
請注意如何有4個清晰的內容塊。讓我們進一步分解一下:
Helen使用行高,字體大小,顏色和空白的組合來分隔每個塊本身內的內容。這使用戶可以輕松自然地瀏覽這些內容塊的各個部分。
三,顏色
顏色理論真的非常復雜。我的目標不是解釋顏色理論的全部,而是為您提供一些廣泛的概念,您也許可以立即在UI設計中加以利用。
如果您凝視上面的圖片,您會注意到左側的藍色方塊感覺更遠,而右側的紅色方塊感覺更近。暖色朝您身上,而冷色則逐漸淡入背景。讓我們在UI示例中看一下:
在上面的設計中,我們可以看到設計師如何使用暖紅色將號召性用語(立即更新)向前移動,而如何使用較冷的藍色將導航移到更遠的背景中。左圖中的情況相同。紅色的閃電圖標立即在界面的其余部分中脫穎而出。
您還可以使用顏色將相似的界面組件組合在一起:
最后,少即是多。顏色越多,每種顏色的影響就越小。一個很好的例子是Instagram最近的重新設計:
顏色的減少不僅使照片更加突出,而且還提高了通知的有效性,因為它們不再與頂部和底部導航欄中的顏色競爭。
相關推薦
ui和ux設計基本原理
成為一名出色的UI/UX設計師必備技能有哪些
UI設計先培訓后交學費騙局
現在學ui設計都是傻子
ui設計培訓后失業
零基礎學ui設計真他媽慘
ui設計培訓四個月騙局
很赞哦!(63651)
相关文章
- 01 中俄2021年貿易總額(2021是中俄建交多少周年)
- 05 youtube music windows app download windows(如何在youtubemusic中創建快捷指令)
- 05 youtube my mix songs(NBA廣告中雷霆隊插曲歌詞中:“I am on fire”的歌叫什么名字)
- 05 youtube to mp3 買粉絲 download 買粉絲中文版(P2P買粉絲怎么加速)
- 01 中醫一附院買粉絲買粉絲(在天津如何通過網上掛號去醫院看病?)
- 01 中俄最大的貿易口岸在哪(中俄邊境口岸有哪些)
- 05 youtube to mp3 買粉絲nverter download windows server2008 r2(office2016激活怎么看)
- 01 中世紀2貿易權有什么用(中世紀2全面戰爭藩屬國有什么作用)
- 05 youtube to mp3 買粉絲nverter download online 買粉絲 download(介紹幾個經典的音樂網站啊)
- 01 中交路橋海外分公司領導(中交路橋海外分公司待遇)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款的名片
职业:程序员,设计师
现居:内蒙古兴安阿尔山市
工作室:小组
Email:[email protected]
热门文章
站长推荐
01 中俄歷年貿易額數據統計(我國2002年木材需求總量?國內供給多少?缺口是多少?)
01 中俄貿易口岸分別交易什么產品(中俄邊境開放的貿易口岸有多少個?)
01 中俄2023年6月貿易額(7月22日是什么日子,一起來看今天重點新聞)
01 中交路橋建設有限公司海外分公司(中交集團有哪些分公司?)
05 youtube on youtube music love songs(求一首英文歌)
05 youtube music 買粉絲s 2022 popular songs released in(有沒有hyde的英語簡介)
01 中交路建海外公司值得去嗎(中建和中交哪個牛)
05 youtube to mp3 買粉絲nverter download online youtube 買粉絲 downloader 買粉絲(介紹幾個經典的音樂網站啊)