首页
/
每日頭條
/
科技
/
用戶體驗差的界面設計
用戶體驗差的界面設計
更新时间:2024-12-27 10:11:36

當設計師們有紮實的界面設計基礎以及DS經曆,做起界面行雲流水,卻發現我們的設計趨同性嚴重。當我們摒棄各個類别應用程序的TOP3logo,已然分不清誰是誰。那麼應用程序上的界面創新即成為設計師們去思考以及實踐的内容。

用戶體驗差的界面設計(用戶界面設計師)1

用戶界面設計師如何在應用程序設計上創新呢?本文基于職位工作内容從三個方面入手闡述創新思維。

框架層打破原有的組件結構

我們規範輸出太多的按鈕,标簽欄,翻頁,卡片等組件設計,在界面中習慣性把組件做理所當然的設計,而創新則需要打破組件原子分子結構,但是打破不等于忽略一緻性以及design systems。

下面具體說說卡片/圖标組件設計的創新:

關于卡片組件創新

縱觀界面中使用面積較大的區域,這幾年經曆無數演練,大間距分割是目前相對常見的模式,我們也見慣了各種大間距分割卡片式的微創新。例如:圖片疊加等比例的色塊。在面對業務量大的産品設計時,我們有序循環的使用卡片,依附業務突出内容做微創新以及嘗試。

用戶體驗差的界面設計(用戶界面設計師)2

  • 重新定義你的卡片比例,我們習慣了4:3/16:9/1:1,如果形成1:3/3:1做有序循環呢?
  • 形的改變,方塊中的直角圓角是卡片的标識,那麼能否變成圓角偏圓形呢?
  • 特殊處理,陰影,疊加,透明度,轉角等技法。
  • 探尋不同的模塊分割方式,關注當下流行,而非一味跟随。
  • 嘗試任何之前否認的形式,試錯即是新的開始。

關于圖标創新

圖标是一種全球通用的象形表意符号文字,整套圖标集合就是一門語言。圖标分為功能性圖标(象形符号/表意符号/文字符号/組合符号),标志性圖标。圖标風格大緻分為線性圖标,面型圖标(線 線,面 面,線 面)線性分線條粗細(2px,3px,4px),面型圖标分為正負型。設計手法上更是多樣(層疊/拼接/中宮/斷點/色彩/漸變/透明度/轉角度/高光/投影/流線/筆觸/透視/連筆/特征元素)。

而創意則需要在繪制前首先形成設計思路:調查——探索——發現,尋找關鍵詞,組成情緒版從而設計,設計時遵守圖标原則,利用多種設計手法以達到識别性。

用戶體驗差的界面設計(用戶界面設計師)3

有效圖标設計的7個原則:

  1. 全面處理圖标設計
  2. 考慮受衆
  3. 圖标使用尺寸的設計
  4. 保持圖标簡單和标志性
  5. 投射一緻的照明,反射和陰影
  6. 利用有限的視角
  7. 創建一緻的圖标集樣式

圖标設計中的10個錯誤:

  1. 一個圖标中的元素太多
  2. 不必要的元素
  3. 一組圖标缺乏風格統一性
  4. 小圖标中不必要的透視和陰影
  5. 過于原始的隐喻
  6. 沒有考慮民族或社會特征
  7. 圖标中的實際界面元素的圖像
  8. 圖标内的文字
  9. 像素框架之外
  10. 圖标之間的區分不足
視覺層創立新的視覺設計語言

如何打破應用程序的趨同性,樹立可識别性,首先是視覺思維的創新,在表現層中創立新的設計語言。

構成視覺的元素:顔色(色相色度亮度)、字體、元素、符号、圖片。就工作而言我們習慣性的通過各大流行趨勢做視覺設計,理論依據背書擔當格式塔理論,一直是我們對視覺系統的理解的主導力量之一,視覺系統是人類視覺所涉及的感知過程的總和。

當我們設計高效和令人愉悅的産品和網站時,簡單地描述了心靈如何解釋和組織視覺信息,以幫助我們理解世界及個人相關部分。形式的清晰度越強,設計越有效。

用戶體驗差的界面設計(用戶界面設計師)4

格式塔理論:

  • 簡單性原則(Simplicity)
  • 圖形與背景關系原則(Figure-ground)
  • 接近性或鄰近原則(proximity)
  • 相似原則(similarity)
  • 共方向原則(common movement)
  • 對稱性原則(Symmetry)
  • 連續性原則(good continuation)
  • 封閉的原則(closure)
  • 共同區域原則(Common Region)
  • 元素連通性(Element Connectedness)

有了理論依據在界面中的應用為你的界面設計創立一個視覺符号,将視覺元素貫穿于整個産品的界面中,增強符号給予用戶的感官,以此為基準,突破視覺趨同。如何獲取視覺符号元素,通過利益相關者的問卷聚類得出具體的品牌人格,給予産品品牌人格,尋找差異點,根據差異點腦暴品牌格言輸出視覺标識。

用戶體驗差的界面設計(用戶界面設計師)5

榮格十二品牌人格原型是基于心理學家卡爾榮格,曾經在他的人類心理學理論中用到過“原型”的概念。他相信“原型”以神話角色的形式,在全世界的人類的集體潛意識中存在着。原型體現了我們進化過程中一些基本的人類形象,很自然地原型能夠喚起人類深層次的感情。

盡管事實上有許多不同的原型,但榮格定義了能夠代表人類基礎欲望的12個主要的類型。每種類型都有自己的一組價值觀,意義論和性格特點。同時,這12個類型又被以4個為一組分為三大類,分别是“自尊”,“靈性”和“自我”。

花更多的時間激發靈感

“一萬小時定律”是作家格拉德威爾在《異類》一書中指出的定律。“人們眼中的天才之所以卓越非凡,并非天資超人一等,而是付出了持續不斷的努力。

如下幾個小方法可一試:

(1)“5分鐘瘋狂想法”

張開想象的翅膀,不論落地實現與否,盡情想象,每天花5分鐘設計一個組件/元素,越飛揚越天馬行空越有趣,忘掉所有的流程/方法論/經驗/商業設計價值,忘掉你是誰。

(2)積累發掘更多的設計方法論

設計方法論能夠讓我們形成完整的設計思路以及推導依據,它支撐我們的設計。在日常的設計工作中,關注前瞻性的設計的思維,熟知設計思維并實施到項目中形成設計工具箱。

(3)培養特有的自我感知力

設計無論是感性的還是理性的,所謂的感覺與天賦是一定自我潛力的挖掘,尋找自我對于專業領域的感覺。除去設計,我們總是有許多自己為之熱愛的事:爵士,徒步,遊泳,旅行,在你的熱愛中發現美,發現設計,願以時間為基石。

(4)創新的工作方法

如果工作流程習慣了從産品到交互到視覺,那麼工作協同可以嘗試新的方式如搭建design systems,協同方式的改變也會引發設計思考方式的轉變,設計效率的提升也意味着我們有更多時間關注設計本身。

設計的路上,永遠不能停止探索,創造價值迎接明天。

作者:Emilychen;公衆号:Design Thinker,UIUX設計師,從業6年 ,關注設計思維及實踐,核心宗旨:設計思維驅動下的設計沉澱。

本文由 @Emily 原創發布于人人都是産品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
怎麼找到windows10系統快捷鍵
怎麼找到windows10系統快捷鍵
作者:晴晨從windows7到windows10,操作系統的變化讓多數人還無法适應,原來一步到位的功能,現如今不得不花上點時間才找得到,有時還要借用搜索引擎來定位,唉!怎一個愁字了得。不過令人欣慰的是,經過一年來的實際操作發現,我們日常需要...
2024-12-27
優酷算法分發
優酷算法分發
為通過Internet向海量用戶傳輸高清晰度、高碼率的視頻節目,愛奇藝融合CDN和P2P技術,開發出一套适合多終端的混合分發傳輸網絡——HCDN。本文來自愛奇藝高級技術總監庹虎在LiveVideoStackCon2018大會中的演講,由Li...
2024-12-27
怎樣設置手機壁紙上的小圖标
怎樣設置手機壁紙上的小圖标
前面寫的兩篇文章1.《打開手機後,看到的手機屏幕被稱為桌面,桌面的主要元素是圖标》和2.《對桌面上的圖标可以做哪些操作?如何定制我們自己的手機桌面》都談到了手機桌面,以及桌面上的内容。但是由于篇幅有限,一直都沒有涉及如何對桌面進行規劃,設置...
2024-12-27
3d翻頁制作軟件
3d翻頁制作軟件
“觸摸屏隔空翻書軟件”是一款屬于互動類多媒體系統的一種展示方式,其展示效果能夠有效地以模拟真實的多功能展示效果,實現現代化軟件應用發展水平的效果提升作用,營造良好的社會發展環境,發揮出模拟翻書的作用更好的推動現代化科學技術創新發展的重要保障...
2024-12-27
虛拟機連接不起網絡
虛拟機連接不起網絡
小編瞎忙了小半年,學校放假,明天最後一天班,今天得空發點文章,但願能解決大家可能會遇到的問題。下面就虛拟機的網絡連接受限,無法上網,提出以下解決方案。虛拟機網絡連接受限制,一般情況下要考慮以下幾個問題:1、網絡為固定IP如果網絡為固定IP,...
2024-12-27
Copyright 2023-2024 - www.tftnews.com All Rights Reserved