首页
/
每日頭條
/
科技
/
用戶體驗差的界面設計
用戶體驗差的界面設計
更新时间:2024-04-28 15:34:25

當設計師們有紮實的界面設計基礎以及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
推荐阅读
如何選購微波爐?選購微波爐的注意事項
如何選購微波爐?選購微波爐的注意事項
微波爐已經很普遍的進入千家萬戶中,但還是有些人不知道該如何選購微波爐,所以以自己的經驗來告訴大家應該如何選購微波爐,讓你選到好用又合适的微波爐。考慮微波爐的功能你會得到你的微波爐。大多數人需要簡單功能,所以很容易理解和使用的設備。然而,有許多先進的功能,誰後,使他們能夠充分利用自己的商品服務和最新的...
2024-04-28
什麼樣的浴霸好?選擇浴霸舒适安全最重要
什麼樣的浴霸好?選擇浴霸舒适安全最重要
不知不覺已是初冬了,在寒冷中給浴室挑選一款合适的浴霸,讓沐浴更溫暖舒适成了一件迫不及待的事情。但市場上浴霸種類繁多,對安裝環境和條件各有限制,消費者要按需選擇合适的浴霸,不僅舒适且更安全。什麼樣的浴霸好?選擇浴霸舒适安全最重要1、款式多樣價不同按安裝方式的不同來分,目前市場上在售的浴霸主要分壁挂式和...
2024-04-28
腰部按摩器有用嗎?
腰部按摩器有用嗎?
腰部按摩器有用嗎?腰部按摩器有用嗎?為了能緩解上班過後腰、肩、背疼痛的症狀,上班族紛紛考慮購買一款腰部按摩器,對于腰部按摩器這一新型的保健器材,人們都報以相信的态度,然而腰部按摩器是否有用?接下來進行一系列的分析解釋。腰部按摩器主要包括按摩腰靠、按摩靠背這兩大類。結合人體工程力學和醫經絡學原理研究設...
2024-04-28
如何選購電池?使用電池的注意事項
如何選購電池?使用電池的注意事項
電器長期不用時應及時取出電池,使用後應關閉電源,以免使電池繼續放電使其内部發生不利化學反應而導緻洩漏。如何選購電池?使用電池的注意事項如何選購電池電池不同于衣服等擺設物品,質量差了也可以繼續穿,一旦選購電池不當,買了劣質的,那可是會造成很大的影響甚至危及生命安全的。那麼,該如何選購電池呢?1、選購有...
2024-04-28
冰箱冷凍室不制冷
冰箱冷凍室不制冷
家裡的冰箱用過了幾年以後,你就會發現它的制冷效果不是那麼好了。以前把一些食物放進去,過一個星期都還是好的,很新鮮,完全沒有變味,但是現在仿佛上午放進去的東西,到了下午都會有一種腥臭味,時間更久一點甚至還會發黴。那麼這到底是什麼原因呢?每樣東西都是有使用壽命的,使用的時間太久了,它的性能肯定是沒有以前...
2024-04-28
Copyright 2023-2024 - www.tftnews.com All Rights Reserved