做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

首頁

設計原則之一致性

前端達人

一、什么是一致性呢?
二、  為什么一致性很重要呢?
三、  生活中一致性的案例
四、  UI設計一致性的體現
五、  交互設計一致性的體現
六、  總結
設計原則之一致性
 
 
一、什么是一致性呢?
一致性的字面意思和使用的場景不同代表的含義也會有區別,這里主要使用在UI/UX設計中。
UI/UX設計中一致性是指在整個應用程序或網站中使用相同的設計元素和模式。它涉及在所有頁面和屏幕上使用相同的視覺語言、布局和交互,以創造一致且直觀的用戶體驗。一致性有助于用戶了解如何瀏覽應用程序或網站,消除困惑和沮喪,并使他們更容易學習和記住如何使用產品。
設計并非孤立的實踐。它與其他領域交織在一起,其中之一就是心理學。在設計中發揮根本作用的心理學原理是重復定律。
這一定律的起源可以追溯到 20 世紀早期,當時德國心理學家赫爾曼·艾賓浩斯進行了開創性的研究。他的工作對理解人類記憶具有革命性意義。艾賓浩斯最著名的貢獻是“遺忘曲線”,它表明如果不嘗試保留信息,信息會隨著時間的推移而丟失。然而,他還發現,反復接觸信息會極大地影響我們記憶信息的能力。從本質上講,重復可以強化回憶。
 
設計原則之一致性
 
 
艾賓浩斯的重復實驗主要關注學習和記憶的過程,但其影響遠不止于此。這讓人們認識到,重復的元素更容易被記住,從而引導觀眾的注意力和焦點。很明顯,重復可以用來引導行為和理解。
通過重復顏色、形狀和圖案等特定元素,設計師可以創造一種統一感和節奏感。這種重復還使設計師能夠強調基本元素或信息。
重復不僅僅是一種設計原則,更是生活的一個基本方面。在自然界中,重復以各種方式體現,從雪花的對稱性到海浪拍打海岸的韻律圖案,從貝殼的螺旋到一年四季的循環。這種自然的重復帶來了節奏、結構和可預測性,創造了一種舒適和熟悉的感覺。
人類是自然的一部分,天生就能夠識別和響應這些模式。我們的大腦是出色的模式識別機器,我們傾向于認為重復的模式令人感到舒適和熟悉。這種認知特征解釋了為什么設計中的重復模式(無論是在數字界面、實體產品、建筑還是營銷中)會引起我們的共鳴。
設計原則之一致性
 
 
二、  為什么一致性很重要?
在 iOS 的設計指南中,一致性被視為讓設計融入 iOS 生態的關鍵,它幫助用戶在不同應用間建立起一種熟悉感。遵循規范的一致性可以「help your design feel at home in iOS」,保持一致性是為用戶帶來產品愉悅感的重要方式。
在經典交互設計原則中,「一致性」一直是重要的設計準則。在幾乎可以稱為「設計師必讀」的雅各布·尼爾森的十條可用性原則中,一致性(Consistency and standards)位列第四,原則建議設計者在界面和交互上遵循既定的規則,無論是在應用內部還是跨平臺之間。
在具體的執行中,內部一致性通常指應用內應當使用統一的視覺風格和交互語言,相同的功能和操作應該在體驗上保持一致。而外部一致性則更強調用戶應該遵循平臺和系統的設計規范,保持用戶在同一平臺不同應用間體驗的相似性。
一致性在UI/UX(用戶界面/用戶體驗)中非常重要,因為它對于提供良好的用戶體驗和用戶界面的可用性至關重要。下面詳細說明一致性的幾個重要原因:
 
設計原則之一致性
 
 
1、  用戶學習曲線:
一致的UI/UX設計可以降低用戶的學習曲線。當用戶在應用程序或網站中遇到一致的元素、布局和交互方式時,他們可以快速理解并準確預測如何與界面進行交互。這減少了用戶的混淆和困惑,提高了他們的效率和滿意度。
2、  提升可用性:
一致性使用戶界面更加易于使用。當用戶在不同的頁面或功能之間找到相似的設計元素和交互模式時,他們可以輕松地將已有的知識和經驗應用于新的情境中。這種一致性幫助用戶快速完成任務,減少錯誤和迷失,提供更好的導航和流暢的體驗。
3、  品牌認可度:
一致的UI/UX設計有助于樹立品牌形象和增強品牌認可度。通過在不同的渠道和平臺上保持一致的設計元素、標識和視覺風格,品牌可以建立起獨特而可識別的形象。用戶在不同的觸點上都能感受到品牌的一致性,從而增加品牌的信任和忠誠度。
4、  用戶滿意度:
一致性直接影響用戶的滿意度。當用戶在使用應用程序或網站時感受到一致的設計和交互方式時,他們會感到更加舒適和自信。一致性傳遞了專業和質量的信號,讓用戶感到被關注和重視。這種積極的用戶體驗有助于提升用戶滿意度,并促使他們持續使用和推薦你的產品或服務。
 
三、  生活中一致性的案例
設計原則之一致性
 
 
生活中的案例保持一致性的有很多,
a、例如紅綠燈,在學習駕照或老師教學時會統一講解紅燈停,綠燈行。
b、向左向右箭頭符號的使用,在日常生活中都會保持一致。
c、我們乘坐地鐵時,地鐵的線路圖也會保持一致性,每個站的點大小,文字,到站和未到站以及行駛過的站點都有清晰統一的設計和交互操作。
 
四、  UI設計一致性的體現
 
設計原則之一致性
 
 
1、  顏色
顏色是一種物理現象和感官體驗,是光波在人眼視網膜上的反射或吸收所形成的視覺效果。
設計中的顏色選擇代表了一個項目的品牌,例如常見的餓了么藍,美團的黃,京東的紅等等,顏色的一致性有助于營造良好的視覺體驗,強化品牌形象,提升可用性和無障礙性,最終改善用戶的整體交互感受。這對于產品的成功至關重要。在設計時顏色(品牌色)會延續到按鈕,圖標,字體、標簽,背景,banner等模塊使用。
設計原則之一致性
 
 
2、  字體
字體是一種特定的文字樣式,它描述了文字的形狀、大小、粗細、間距等視覺特征。
字體是設計中非常重要的元素之一,不同類型的字體,字體的粗細,有襯線字體和有襯線字體,字體的字重等,這些不一致會造成頁面混亂,字體的選擇和使用會對用戶的視覺體驗、信息感知、品牌聯系和情感體驗產生重要影響。
開發實現上如果字體使用較多,會影響加載速度,沒有統一的字體制定規則后期更新迭代也會比較繁瑣,造成資源浪費。
 
設計原則之一致性
 
 
3、  圖標
圖標是一種簡化的、具有視覺表現力的符號圖形,在用戶界面設計、信息傳達等領域廣泛應用。
在眾多APP中,常使用APP的你肯定可以感受到,圖標除了準確的表達某個含義,還需要在設計時保持一致性,圖標的大小,設計的風格例如線型圖標、填充圖標、簡約圖標、立體圖標、卡通圖標等,如果這些圖標風格進行混合使用就會造成混亂,影響用戶體驗,看起來很不專業也會影響用戶使用時對于安全性的擔憂。
設計原則之一致性
 
 
4、  按鈕樣式
按鈕是一種常見的交互界面元素,用于觸發某種操作或功能。
設計中的按鈕有很多樣式,因為項目類型的不同按鈕樣式也不同,按鈕的樣式有圓形按鈕,矩形按鈕,圓角矩形按鈕,菱形按鈕等,同一個項目中建議使用統一的按鈕樣式,除了可以體現專業性,還可以讓用戶增加信任度,按鈕樣式使用很多,用戶除了使用體驗不友好,還會覺得是不是跳出了這個產品去到了另一個地方。
 
設計原則之一致性
 
 
5、  排版
排版是指在印刷或數字媒體中,對文本、圖像等內容進行有規則的布局和格式化的過程。
設計中排版的一致性,使用戶能夠快速適應和理解界面的結構,降低學習成本,用戶對于熟悉的排版模式產生更強烈的歸屬感和安全感,使內容更易讀,用戶可以依照熟悉的視覺動線快速找到所需信息,提高信息獲取效率。
五、  交互設計一致性的體現
 
設計原則之一致性
 
 
1、  操作一致
根據文字意思就是用戶才操作時候的流程保持一致,操作保持一致,例如大家常見的下單購買商品流程,
用戶在購買商品時:點擊商品——商品詳情——付款購買,其他商品也應該是這樣流程,
如果每個商品流程不同就會很亂,例如:
點擊A商品————商品詳情——付款購買;
點擊B商品——付款購買——查看商品詳情;
點擊C商品——同類商品列表——商品詳情——付款購買,
這樣就會很亂,用戶不知道點擊下一個商品會是什么樣子。
例如:
設計原則之一致性
 
 
1、APP中的視頻瀏覽是上下滑動,進入新的模塊后視頻瀏覽變成了左右滑動。
2、需要確認某些操作時,確認按鈕一會在右側,一會確認又在左側。
用戶在操作時會除了體驗很亂,也很難培養用戶習慣。
設計原則之一致性
 
 
2、  文案符號一致
文案和標點符號的一致比較好理解,例如常見的輸入框,“請您輸入帳號”,“請輸入你的密碼”,同一頁面場景下文案和稱呼不統一,會造成用戶操作遲疑,是不是這個不重要才用了“你”,重要的才用“您”,為了避免用戶進行不必要的思考文案保持一致,符號亦是如此。
設計原則之一致性
 
 
3、  反饋一致
當我們看到下一步按鈕時,有些地方交互是進入了新的頁面,有的是分步式使用。建議使用一種保持統一,避免用戶產生誤導。
操作反饋后的彈窗,相同功能反饋的彈窗樣式不一致:一會是圖文彈窗,一會純文字提示,用戶也會很亂,包括交互時出現的樣式也需要保持一致,劇中或從下向上彈出。
六、  總結
一致性在UI/UX中的重要性在于提供清晰、高效、易用和令人愉悅的用戶體驗。通過保持設計元素、布局和交互方式的一致性,可以降低用戶的認知負荷,提高用戶的學習效率,增強品牌形象,提升用戶滿意度,并最終實現更好的業務成果,詳細分為以下七點:
設計原則之一致性
 


作者:CANAAN8
鏈接:https://www.zcool.com.cn/article/ZMTYyMDQ3Mg==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

常見的B端彈窗樣式設計總結

前端達人

B 端產品的業務場景通常比 C 端更為復雜,因此在進行產品設計時對信息的處理方式也需要根據不同的業務場景進行設計。今天主要聊一下 B 端產品設計中彈窗設計。
常見的B端彈窗樣式設計總結
 
 
彈窗的定義
彈窗是展現在用戶操作界面之上的容器,在 X 軸和 Y 軸的平行空間之上擴展了頁面的高度。是系統與用戶之間建立聯系非常重要的組成部分。它通常在用戶進行特定操作或訪問特定頁面功能時彈出,目的是向用戶展示某些信息、提供選擇或執行某些操作。
 
彈窗使用場景
  1.  
    需要呈現的內容篇幅相對較少。
  2.  
    常用于針對某些內容進行補充說明、需要用戶處理關鍵信息、重要的警告提示等。
  3.  
    通常是由系統觸發(用戶被動接受)。
  4.  
    彈窗整體高度和寬度不做絕對的標準或規定,可以根據內容篇幅的多少和視覺的平衡度來確定,整體規范保持一致即可。
 
總體概括為簡單和復雜兩個場景。
 
一、場景簡單
場景簡單包括:全局提示、氣泡確認框、警告提示、通知提醒框,通常是操作確認和系統內部自動觸發性提示時使用。
 
1. 全局提示
以 toast 提示居多,通常在頁面中間偏上的位置。
常見的B端彈窗樣式設計總結
 
 
 
2. 氣泡提示
用于解釋難理解的功能名詞或者由于版面限制文字展示不完,利用氣泡來展示。
常見的B端彈窗樣式設計總結
 
 
 
3. 警告提示
用于重點內容的警告提醒,降低用戶犯錯概率,提升用戶的使用體驗。
常見的B端彈窗樣式設計總結
 
 
 
4. 提示性通知彈窗:
位置相對固定,通常出現在需要介紹說明的功能旁邊或者居頁面中間展示。
例如,當系統發生重要更新維護或者重點功能引導時,可以顯示一個提示性通知彈窗,告知用戶當前狀態。
類型主要包括以下三種:
常見的B端彈窗樣式設計總結
 
 
常見的B端彈窗樣式設計總結
 
 
常見的B端彈窗樣式設計總結
 
 
 
舉例:
有贊后臺頁面
有贊后臺頁面
 
 
 
二、場景復雜
1. 場景復雜|全屏彈窗
常見的B端彈窗樣式設計總結
 
 
 


作者:西城門設計
鏈接:https://www.zcool.com.cn/article/ZMTYyMDI5Ng==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

比GIF更好用的Lottie動畫是什么?

前端達人

   不知道大家有沒有這樣的困擾,每次制作GIF圖的時候,難免會出現邊緣鋸齒,就算加上白邊之后,在夜晚模式的時候鋸齒就更明顯了。除此之外,GIF圖對于漸變填充的呈現也很糟糕,會出現漸變斷層的情況,看起來很不自然。
最讓人難以接受的情況是:
        稍微把動畫做流暢一些,GIF的文件大小就變得巨大無比。
        在2017年的時候,一款比GIF動畫更好用的動畫圖片格式誕生了!!!
        那就是我們今天將要介紹的Lottie動畫。
     
        什么是Lottie動畫?
       Lottie動畫是一種基于 JSON 的動畫文件格式,允許在任何平臺上發送動畫,就像發送圖片一樣輕松。Lottie是可在任何設備上運行的小文件,并且可以放大或縮小而不會出現鋸齒的一種動畫格式。
比GIF更好用的Lottie動畫是什么?
 
 
 
相較于其他動圖格式,Lottie有哪些優點?
比GIF更好用的Lottie動畫是什么?
 
 
①文件大小
和GIF、Apng 或 MP4 等其他格式相比,Lottie 動畫要小得多,同時保持相同的動畫表現,甚至更流暢。
比GIF更好用的Lottie動畫是什么?
 
 
②無線擴展
Lottie動畫是基于矢量設計制作的,這意味著可以隨意放大或縮小它們,而不必擔心分辨率的大小導致的鋸齒問題。放大無數倍也是清晰如初。
比GIF更好用的Lottie動畫是什么?
 
 
③支持多平臺
對于所有開發人員來說,Lottie動畫的交接非常簡單。現在我們可以在 iOS、Android、Web 和 React Native 上使用 Lottie 動畫,也不需要修改。使用和調用都非常方便。
比GIF更好用的Lottie動畫是什么?
 
 
④可交互
在 Lottie 動畫中,動畫元素可以設計為可交互組件,用戶可以操縱它們進行交互,實現滾動、單擊和懸停等交互效果。這是GIF、Apng和MP4等動畫文件都沒辦法做到的。
比GIF更好用的Lottie動畫是什么?
 
 
  怎么設計制作Lottie動畫呢?
       目前,Lottie官網提供了很多動效設計軟件的插件供大家使用和下載。目前下面這些設計軟件可以在官網下載到Lottie動畫的導出插件。
比GIF更好用的Lottie動畫是什么?
 
 
其中,Lottie Creator是Lottie官方的網頁版動畫制作工具,登錄官網就可以使用。
Lottie官網地址 
 https://lottiefiles.com
比GIF更好用的Lottie動畫是什么?
 
 
       說了這么多Lottie的優點,其實Lottie也是有短板的。比如說,AE里面的fx效果,Lottie就全部不支持,另外復合路徑動畫等等動效效果也不支持。
       為了方便大家快速上手Lottie動畫,作者把Lottie支持的效果整理歸類成了幾張圖片,方便大家制作的時候快速查閱。
 
比GIF更好用的Lottie動畫是什么?
 
 
比GIF更好用的Lottie動畫是什么?
 
 
比GIF更好用的Lottie動畫是什么?
 
 
比GIF更好用的Lottie動畫是什么?
 
 
比GIF更好用的Lottie動畫是什么?
 
 
比GIF更好用的Lottie動畫是什么?
 
 
比GIF更好用的Lottie動畫是什么?
 
 
比GIF更好用的Lottie動畫是什么?
 
 


作者:江浩大叔工作室
鏈接:https://www.zcool.com.cn/article/ZMTYxODY4MA==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

B端后臺管理界面設計欣賞

前端達人

在現代企業中,B端后臺管理界面設計是提升工作效率和用戶體驗的關鍵因素。本文將通過UI設計公司提供的優秀案例,探討如何優化后臺管理界面的設計,提升用戶的使用體驗。

 

1. 界面簡潔,功能齊全

一個優秀的B端后臺管理界面,首先應具備簡潔明了的設計風格。UI設計公司在設計過程中,通常會通過簡潔的布局和清晰的導航,幫助用戶快速找到所需功能。例如,藍藍設計公司就采用了極簡設計原則,在保持美觀的同時,確保用戶能夠高效操作。

 

2. 交互設計人性化

人性化的交互設計是提升用戶體驗的關鍵。UI設計公司會根據用戶的使用習慣和需求,設計直觀的操作流程和反饋機制。例如,通過在重要操作后提供即時反饋,減少用戶操作的疑惑和錯誤。

 

3. 數據可視化

對于后臺管理界面來說,數據可視化是不可或缺的一部分。通過圖表、儀表盤等可視化工具,用戶可以直觀地了解業務數據,從而做出更好的決策。UI設計公司通常會使用最新的數據可視化技術,幫助用戶快速理解復雜的數據。

 

4. 響應式設計

隨著移動設備的普及,響應式設計變得尤為重要。優秀的B端后臺管理界面應能夠在不同設備和屏幕尺寸下保持良好的使用體驗。UI設計公司會在設計時考慮多種終端的兼容性,確保界面在手機、平板和電腦上都能流暢運行。

 

5. 安全性與穩定性

后臺管理界面涉及大量敏感數據,安全性和穩定性是設計過程中不可忽視的因素。UI設計公司在設計時會采用多層次的安全措施,保障數據的安全,同時通過優化代碼和服務器配置,確保系統的穩定性和高效性。

通過以上幾個方面的優化,UI設計公司能夠打造出高效、美觀、易用的B端后臺管理界面,助力企業提升管理水平和工作效率。希望這些優秀案例能為你的設計工作提供一些啟發和參考。

 

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

當你設計時,你應該思考些什么

資深UI設計者

 

寫這篇文章的目的,既是整理自己平時的一些思考和想法,以輸出的形式來加強記憶;也是希望文中所寫的點能夠給大家帶來一些幫助

APP消息中心設計思考

資深UI設計者

教會大家如何設計消息中心

PC端的頁面設計,如何優雅呈現在移動端

前端達人

電商boss系統采購訂單頁面在移動端呈現,我做了哪些思考?
PC端的頁面設計,如何優雅呈現在移動端?
 
 
在B端UI/UX設計領域,我們常常會遇到類似的需求:隨著業務的發展,需要將復雜系統中的核心功能摘出來,并在小程序或移動應用上呈現,以便客戶能夠便捷地使用和操作,從而提升工作效率。然而,實際操作中我們會發現,盡管對這些功能很熟悉,但是落地過程中卻會遇到一系列問題。
 
本文中,將分享我在將復雜電商BOSS系統的訂單頁面呈現在移動端的設計過程,希望對大家有所幫助。通過本文,您將了解到以下內容:
1、如何在設計過程中充分考慮電腦端和移動端用戶的需求和使用習慣;
2、如何將復雜的訂單頁面優化為簡潔、易用的移動端界面;
3、針對移動端的限制和挑戰,如何進行設計決策和權衡;
4、使用哪些有效的UX技巧來提升用戶體驗和工作效率。
PC端的頁面設計,如何優雅呈現在移動端?
 
 
 
一、深入分析業務背景和使用場景
1、業務背景關系梳理
選款的零售商客戶通過衫海精選款下單后,訂單信息和訂單狀態會傳到BOSS后臺,相關負責人可隨時查看并處理。
PC端的頁面設計,如何優雅呈現在移動端?
 
 
2、為什么需要在移動端呈現?
為了確保平臺高效履約,需要市場部同事隨時掌握訂單狀態,特別是
發貨即將超時、攬收即將超時、發貨已超時和攬收已超時
的訂單,以便及時通知上下游。但是由于工作性質,他們無法隨時坐在電腦面前,所以需要在小程序上呈現訂單信息,可以讓市場部同事隨時查看并處理訂單,避免出現訂單超時,客戶投訴的情況。
PC端的頁面設計,如何優雅呈現在移動端?
 
 
 
二、功能拆解
1、將電腦端訂單內容拆分重組,信息歸類
PC端的頁面設計,如何優雅呈現在移動端?
 
 
PC端的頁面設計,如何優雅呈現在移動端?
 
 
 
2、訂單功能拆分后,主要分為以下四個部分
PC端的頁面設計,如何優雅呈現在移動端?
 
 
1)訂單狀態
訂單狀態包括:全部、待付款、備貨中、待收貨、已完成、已關閉。全部狀態下
新訂單、售后中、發貨即將超時、攬收即將超時、發貨已超時、攬收已超時
的訂單類型需要重點露出,方便快速查詢。
  •  
    設計差異:
1、訂單狀態:電腦端大屏橫向可以全部平鋪展示;移動端則是橫向滑動。
2、售后中、發貨即將超時、攬收即將超時、發貨已超時、攬收已超時的訂單快捷入口,電腦端大屏可以全部平鋪展示;移動端則需要換行,這里不做橫向滑動是因為會影響用戶的操作效率
PC端的頁面設計,如何優雅呈現在移動端?
 
 
2)訂單查詢條件
訂單查詢條件包括:訂單編號、時間排序、商品名稱、供應商名稱、下單時間、訂單狀態、履約方、SKU編碼、商品ID、是否缺貨、所屬云倉等等。
  •  
    設計思考:
分析用戶日常的使用習慣,對高頻操作的篩選項進行提煉在移動端展示,提升使用效率。低頻操作則不在移動端展示。
PC端的頁面設計,如何優雅呈現在移動端?
 
 
經過與業務方溝通,訂單編號、時間排序、商品名稱、供應商名稱、下單時間、訂單狀態、履約方的使用頻次相對較多,
訂單編號、時間排序
使用頻次最高。
 
a、訂單編號/排序時間
  •  
    設計差異:
1、訂單編號查詢:電腦端和移動端都是直接輸入,但是電腦端支持批量查詢,單次查詢內容會更多。
2、下單時間排序:電腦端采用input框的樣式,下拉篩選;移動端是通過點擊切換排序方式,操作會更便捷。
PC端的頁面設計,如何優雅呈現在移動端?
 
 
 
b、商品/供應商查詢
  •  
    設計思考:
1、商品查詢:電腦端、移動端都是直接輸入;
2、供應商查詢:電腦端采用input框的樣式,下拉篩選;移動端則是進入新的頁面進行選擇;兩者都支持關鍵字搜索;
移動端不直接展開的原因是:供應商數量多,在當前頁面展示篇幅較長,還涉及到分頁,會影響用戶的操作體驗。
PC端的頁面設計,如何優雅呈現在移動端?
 
 
 
c、時間查詢
  •  
    設計差異:
電腦端點擊出現時間選擇器,支持快捷查詢;移動端點擊選擇跳轉到新頁面,時間全部鋪開展示;兩者都支持滑動鼠標(手指)連續選擇時間段。
PC端的頁面設計,如何優雅呈現在移動端?
 
 
d、訂單狀態查詢
  •  
    設計差異:
電腦端采用input框,下拉選中;移動端則是全部展示出來,采用勾選的方式進行選擇。
PC端的頁面設計,如何優雅呈現在移動端?
 
 
3)批量操作
小程序不做批量操作功能。
 
4)訂單內容
訂單內容包括訂單編號、下單時間、零售商、商品信息、數量、發貨方式、買家信息、訂單狀態、實收款、訂單詳情、查看物流。這些內容可以歸納為3類:
a、訂單信息 b、商品信息 c、操作。
 
a、訂單信息
訂單信息包括:訂單編號、下單時間、零售商、、發貨方式、買家信息、訂單狀態、實收款
  •  
    設計差異:
電腦端面積大,內容需要散開排列;移動端面積小,內容需要集中排列。
PC端的頁面設計,如何優雅呈現在移動端?
 
 
b、商品信息
商品信息包括:商品名稱、圖片、價格、貨號、規格、SKU編碼、供應商、下單數量、拿貨數量、倉內現貨、缺貨原因
  •  
    設計差異:
同樣的內容,移動端更加聚焦,但是商品數量展示也偏少。
PC端的頁面設計,如何優雅呈現在移動端?
 
 
c、操作
操作包括:訂單詳情、查看物流
  •  
    設計差異:
交互方式相同,都是跳轉到新頁面。
PC端的頁面設計,如何優雅呈現在移動端?
 
 
 
三、總結
由于屏幕大小和分辨率的不同,電腦端和移動端頁面在功能的布局和信息展示上也會有所不同。
電腦端使用鼠標操作,包含滑動、左擊、右擊、雙擊等,相對來說單一,交互效果較少。而對于手機端來說,由于屏幕大小的限制,操作方式需要更加的豐富,通過這些豐富的操作來實現頁面和功能之間的交互。所以電腦端和移動端相同功能的操作方式也會不同,組件也有所差異。在做設計時,盡量使用成熟的組件,給用戶良好的使用體驗。
遇到復雜的設計需求,不要慌張,
核心都是看透事物的本質,拆解為基礎的組件,再從根本上解決問題。
謝謝!
 


作者:西城門設計
鏈接:https://www.zcool.com.cn/article/ZMTYxOTQxMg==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

原創作品案例:光譜油氣檢測軟件界面設計

前端達人

 

 

西派特(北京)科技有限公司是研發和制造科學儀器和智能工業儀表的國家高新技術企業,公司總部位于北京經濟技術開發區。產品是將光譜與物質物化性質全息智能分析技術相結合,開發制造的快檢設備,可快速檢測液體、固體、氣體物料的多種性質指標。適用于煉油、化工、煤炭、電力、生物發酵等領域。

 

該軟件由北京西派特科技有限公司委托藍藍設計負責界面視覺設計、交互設計。藍藍設計人員通過前期詳細溝通,參考大量相關競品,為其提供四種方案視覺設計。最終雙方確定方案一設計風格,后續根據客戶提供的原型圖及需求完成其他頁面設計。

image.png

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

抓住關鍵點,提升App搜索設計的體驗!

資深UI設計者

產品的搜索體驗受到多方面的影響:自身目的、內容種類、受眾類型。希望這篇文章能夠讓你了解搜索體驗的可能性,為搜索設計帶來更清晰的方向。

 

表單設計的33個關鍵點-全套終極指南

資深UI設計者

走進一家商店,我往購物籃里塞滿了東西,卻找不到收銀臺。我可能會一分不花的離開。猶如在支付過程中遇到糟糕的表單設計一樣。

日歷

鏈接

個人資料

藍藍設計的小編 http://m.91whvog3.cn

存檔