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

當設計師們有紮實的界面設計基礎以及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
推荐阅读
excel表中怎樣計算标準差
excel表中怎樣計算标準差
excel表中怎樣計算标準差?導語:在分析數據的過程中,如何定量描述一組數據的離散程度呢?這時候我們就要用到标準差函數stdev.p标準差又叫标準偏差,标準差越大,數據的離散程度越大,現在小編就來說說關于excel表中怎樣計算标準差?下面内...
2024-11-26
電腦實體店坑多嗎
電腦實體店坑多嗎
我們在百度一下電腦城,除了廣告之外,都是在吐槽電腦城坑人的,幾乎所有人都在說電腦城實體店裡都是奸商,但是實體店真的全部都是奸商麼?及今天我們就來探讨一下。回答一下上邊的問題,實體店裡有奸商麼?有,還不少。但全都是奸商麼?并不是。下面我就來為...
2024-11-26
抖音吹泡泡特效制作
抖音吹泡泡特效制作
[閩南網]抖音有用戶發布視頻裡有很多自己的模樣,像是一個萬花筒,惹的不少用戶想要拍攝,那麼抖音萬花筒怎麼制作?抖音萬花筒是哪個特效?下面和小編一起去了解一下吧。抖音萬花筒怎麼制作?1、首先我們需要下載一款叫做“趣推”的app。趣推是一款制作...
2024-11-26
有線電視機頂盒安裝教程
有線電視機頂盒安裝教程
有線電視機頂盒安裝教程?有線電視到2015年就開始停止使用,取而代之的就是機頂盒,目前很多地方都開始安裝機頂盒,但是很多人都不知道數字電視機頂盒怎麼用,今天小編就來告訴大家數字電視機機頂盒怎麼用,下面我們就來聊聊關于有線電視機頂盒安裝教程?...
2024-11-26
生态缸适合什麼魚除藻
生态缸适合什麼魚除藻
生态缸适合什麼魚除藻?相信很多飼養過這種工具魚的魚友們,看到文章标題立刻就會猜得到,養魚老道今天要給大家介紹的這種觀賞魚,它們是叫什麼名字了,它就是可愛的小精靈魚,今天小編就來說說關于生态缸适合什麼魚除藻?下面更多詳細答案一起來看看吧!生态...
2024-11-26
Copyright 2023-2024 - www.tftnews.com All Rights Reserved