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

首頁

探索web端和移動端的差異和解決方案

博博

市面上主流的界面設計主要包括移動端、web端、桌面端、硬件、插件等,app和網(wǎng)站設計是大部分設計師最常見的設計需求,這兩個也是最核心的設計端平臺,所以明白web端和移動端設計的相似和差異并且知道如何應對是至關重要的。
整體來說,移動端的設計是更可控的,web端的設計難度實際更高,上限也更高。但是想要做好web端的設計并不難,只要明白web端設計時需要考慮的因素和解決辦法,那么所有問題自然迎刃而解。
 
一、文本
 
1. 大小
總體上,移動端和web端的字體規(guī)范是一致的,同一套字體大小都可以在雙端有好的識別和視覺效果。唯一細微的區(qū)別是瀏覽器支持的最小字體大小是12,所以在web端要摒棄12以下的字號。實際上這并不會增加你的web端設計難度,因為web端的設計空間是足夠的。
 
2.長度
設計中往往需要考慮文案長度的問題,移動端受到屏幕空間的限制往往更容易遇到問題,你需要考慮當前文本段是否能在你所預留的空間放得下,對此可以參考以下幾種解決辦法:
  • 高度自適應:也就是換行顯示,大部分的文本段不可能無限換行,也應該有字數(shù)限制,所以選擇這一個解決辦法,正常也需要設定一個高度極限值。
  • 超出省略:當文本段的完整性不是那么重要,且需要漏出,那么這是一個不錯的方法
  • 字號自適應縮小:這正常用在金融類產(chǎn)品的數(shù)字顯示中,比如余額等,當小數(shù)點過多或者金額過大導致的數(shù)字文本端過長時,數(shù)字是無法換行或省略的,所以你可以選擇字號自適應縮小。
二、屏幕大小
移動端和web端最直觀的差異就是屏幕大小的差異,移動端小,且各設備的差異化細微,web端的空間大,且不同設備的屏幕差異大,所以就有了幾點主要差異:
 
1. 布局
移動端整體上是自上而下的設計布局,寬度受限比較嚴重,所以除了一些左滑手勢帶來的橫向空間拓展,布局的變化上不大。
web端因為空間大,所以就有了更多的布局可能性,例如左右布局,居中布局,左中右布局,或是全屏自適應布局。這些布局方式也各有各的優(yōu)缺點。
所以設計一個網(wǎng)站時,往往需要多個布局配合使用,能讓你的網(wǎng)站視覺感受更舒適,利用率上更合理。切忌為了美觀或者方便等原因死磕一個布局方式。當然,居中布局是最萬能的一個布局,如果你暫時沒辦法掌控多個布局,那么居中布局是你最佳的選擇。
 
2. 適配
前文說了,因為web端的設備差異大,所以你需要在設計時考慮小屏筆記本和大屏顯示器的適配問題,甚至是用戶手動拉動瀏覽器寬度時所得到的適配反饋也需要考慮其中。
適配不是必須的,因為適配的成本較高,復雜的頁面往往需要設計出多個斷點頁面去讓開發(fā)根據(jù)頁面寬度重新適配內容。所以大部分的居中布局的網(wǎng)站,是不做適配的,因為你只需要控制你的內容寬度能在13寸筆記本完整展示,其他的就是極小部分用戶的需求了。
web端到移動端的適配往往需要重構,也就是把當前網(wǎng)站的內容,重新在手機寬度下做設計,結合上文文本部分的內容,請不要想當然的把字號縮小。只需要考慮排版和功能是否需要刪減的問題。 
 
3. 彈窗
移動端受到屏幕限制,彈窗的更多是banner的彈出,提示的作用,或者是個別簡單篩選操作,在移動端很難在彈窗上放置很多的輸入等復雜操作
在web端的設計中,一定要巧用彈窗,簡單的編輯或著創(chuàng)建等操作都可以用彈窗代替,不僅可以使操作更聚焦,也可以減少頁面跳轉來縮短路徑。
 
三、交互手勢
由于操作媒介的不同,導致移動端和web的操作手勢有很大的區(qū)別,移動端是用手指操作,web端是鼠標操作,手指操作決定了手勢的多樣性,鼠標的操作決定了點擊的精確,并且由于鼠標的操作反饋是分階段的,需要在每個階段都給予用戶相應的反饋來打造更好的用戶體驗。
 
1. 狀態(tài)
移動端中對于操作的反饋主要聚焦于手指點擊后的反饋,懸停態(tài)往往被長按代替。而web端鼠標操作存在三個狀態(tài),一個是正常狀態(tài),一個是懸停狀態(tài),一個是按下狀態(tài),這三個狀態(tài)需要在設計師考慮并設計來向開發(fā)說明。web端中不同元素的常見狀態(tài)(主要為懸停態(tài))區(qū)分方式需要明白:
  • button:用顏色區(qū)分,常見的方式是改變顏色的明度,懸停增加明度,按下降低明度
  • icon:icon的狀態(tài)區(qū)分更多是在懸停狀態(tài)上,常見方式有:改變顏色;改變icon形態(tài)(如線性變面性);為icon添加背景色塊(如圓形灰色背景)。
  • 文字:文字的狀態(tài)區(qū)分除了顏色之外,可以利用文字自帶的屬性,如字重,字體大小,甚至可以在個別海外產(chǎn)品中看到通過改變字間距來表示懸停狀態(tài)。
  • 卡片:卡片的懸停設計更加的多樣,如改變填充色;改變描邊顏色;增加投影,比較有趣的有改變卡片大小;輕微改變卡片透視;改變卡片的位置,如懸停時卡片向上輕微移動。
 
由于web端獨有的懸停手勢,你可以在懸停這個手勢大作文章,如果你了解linear風格的話,或者經(jīng)常瀏覽國外產(chǎn)品的話,許多網(wǎng)站會在鼠標懸停卡片時產(chǎn)生動效,動效不限于卡片元素(插畫、圖標、可視化表格等)的動畫;光影描邊的循環(huán)。懸停按鈕時,箭頭的位置變動,或者其他動畫效果。更酷炫的還有鼠標與卡片透視的交互,甚至與鼠標與全局頁面的交互,如水波紋等。
 
2. 操作按鈕
整體來說,web端基于屏幕大小的優(yōu)勢和狀態(tài)的多樣,在操作按鈕漏出數(shù)量和方式上會更加的多樣。
移動端獨有的是長按手勢和左滑右滑手勢,所以移動端會把一些操作放到左滑手勢中,最常見的如消息列表的置頂、刪除等。長按手勢更多的是彈出更多操作,或是產(chǎn)生可拖動效果。
web端拿列表舉例,基于屏幕的大小的優(yōu)勢,可以將更多操作直接在列表右側直接漏出,用戶的操作路徑更短,觸達率自然就更高。拿卡片舉例,button的存在有的時候會影響到卡片的大小和美觀,所以有些操作往往可以藏到懸停狀態(tài)里,懸停操作不需要學習,所以用戶不會為此感到疑惑,也可以保證功能的完整性。
 
四、設計思路
關于各個模塊如何設計并不在這里展開,我想表達是在設計稿設計時的一些操作思路,或者說是組件的搭建思路。
 
1. 盒子思維
如果你對前端開發(fā)有一定的了解,那么你一定懂得盒子套盒子。設計也是如此,需要給你的每個設計模塊建議一塊獨有的盒子。這是區(qū)別于間距或分割線的區(qū)分模塊的思路的。
舉個例子,你有圖片,主標題,副標題三個元素形成一個小模塊,那么你在確定好排版之后,你需要一個盒子將他們裝起來,那么這個模塊必須有它自己的寬度,高度。換個角度理解也就是它需要有一定的上下左右間距,在figma中,這個盒子就是你的frame,高級一點就是你的自動布局。這個盒子的大小就決定了這個模塊的操作熱區(qū),這也方便你在設計做出你的懸停效果。
這個設計思維適用于web端和移動端,且十分重要,所以盡量避免在設計圖出現(xiàn)各個元素分別散落的情況,這不僅不利于你的設計稿管理,也不利于開發(fā)的查看。
 
2. 新手如何參考
在進行web端設計時,如果你對web端設計一無所知,也無需驚慌。你可以找到合適的參考網(wǎng)站,并且分析它每個模塊的高度,間距等,去模仿他,并且從中得出規(guī)律。
拿web端的導航欄舉例,假設你糾結于web端的導航欄高度設置多少,你可以找到參考的網(wǎng)站,使用檢查功能(F12)去查看高度,或粗暴的截圖查看高度即可。當然,在此之前,你需要確定這個模塊的高度是不會隨屏幕大小改變而改變的。
 
3. 自適應布局
無論是web端設計還是移動端設計,當你在設計模塊或搭建組件時,善用自動布局,這不僅有利于你設計圖高效率修改,也能應對你的web端可能出現(xiàn)的適配情況。這需要考驗你的figma能力,如果大家有興趣,后續(xù)我可以出一些figma基礎、組件、自動布局等相關教程同大家探討。

作者:PONEPENG
來源:站酷

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

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

銀行金融軟件UI界面設計能源及監(jiān)控軟件UI界面設計氣象行業(yè)UI界面設計軌道交通界面設計地理信息系統(tǒng)GIS UI界面設計航天軍工軟件UI界面設計醫(yī)療行業(yè)軟件UI界面設計教育行業(yè)軟件UI界面設計企業(yè)信息化UI界面設計

軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)

AIGC產(chǎn)品的設計原則

博博

一、AI產(chǎn)品形態(tài)介紹

不同的產(chǎn)品所具備的AI能力以及用戶的使用方式都是截然不同的。從產(chǎn)品功能的角度,產(chǎn)品大致可以分為三類:輔助駕駛型、內容生產(chǎn)型、自主決策型。

輔助駕駛型

Copilot 輔助駕駛型如其名,更強調AI的輔助性。AI會針對某個模塊輔助用戶做出決策,或者基于用戶的操作而操作,從而幫助用戶實現(xiàn)自己靈感的落地,類似在成熟軟件中的插件功能。微軟的Microsoft 365 Copilot 結合在已有的Word、Excel工具當中,用戶仍然可以自己書寫文章或表格,但也能隨時喚起AI工具進行編輯,對于已有的文件進行匯總、擴寫等編輯操作。

內容生產(chǎn)型

內容生產(chǎn)型是需要調用LLM的API來實現(xiàn)某一具體內容的功能性產(chǎn)品。用戶需要針對具體場景下達相對詳細、明確的指令后,AI會生成內容結果的反饋。比如大家熟悉的midjourney,用戶下達具體的內容場景描述,midhourney會返回圖片生成的結果。

自主決策型

AI Agent可以進行自主決策和執(zhí)行任務,它可以通過獨立思考和調用工具逐步完成給定的目標,無需人類去指定每一步的操作。比如,告訴 AI Agent 幫忙下單一份外賣,它就可以直接調用 APP 選擇外賣,再調用支付程序下單支付,無需用戶去指定每一步的操作。

二、AIGC產(chǎn)品設計原則

在AI產(chǎn)品的設計過程當中,針對不同的產(chǎn)品形態(tài)、用戶場景、用戶心智需要明確其設計原則。當前用戶對于AI工具的預期是:高性能、快速、高效和可靠。從用戶體驗上來說,用戶與AI產(chǎn)品的交互方式、對于AI產(chǎn)品的信任程度都有別于其他軟件。我們需要在各個環(huán)節(jié)上,制定好AI產(chǎn)品的能力范疇,管理好用戶對產(chǎn)品的預期,為AI產(chǎn)品提供一個友好、可拓展的交互架構。

原則1:讓用戶明確知道產(chǎn)品的能力范圍

在產(chǎn)品推出之前,清晰地定義產(chǎn)品的能力和限制。不要過度夸大產(chǎn)品的功能或過度承諾,而是誠實地描述產(chǎn)品的真實能力。給予用戶在使用產(chǎn)品前充足的心理預期,用戶可以清晰的了解產(chǎn)品的能力范圍。更好地管控用戶心理預期的同時,也可以向用戶傳遞產(chǎn)品的能力點。
 
如小庫科技詳細描述了產(chǎn)品可以應用的功能場景,用戶對于場景化的詞語可以有更好的關聯(lián)聯(lián)想,對于產(chǎn)品的能力也有更好的邊界認知。
 
科大訊飛也通過具體的場景化進行產(chǎn)品功能的傳遞
 
在Liblib的模型廣場中,會將用戶生產(chǎn)的結果、模型以社區(qū)成果的形式進行展示,用戶可以查看詳細的生成參數(shù)進行嘗試,對于新手用戶也可以起到很好的內容引導。

原則2:讓用戶可預期結果

人工智能決策的透明度對用戶至關重要,使用可視化工具、交互或解釋性語言讓用戶能夠理解AI是如何做出決策。如小庫AI,在“描述詞”的提示文案中告知用戶輸入詞的限定以及預期的生成結果,并可以通過詞庫告知用戶可以輸入哪些類型的詞。
 
如酷家樂AI,用戶在首次使用AI工具,沒有靈感或想法的時候,引導并提示用戶可上傳的素材類型,讓用戶可以有更好的目標預期。

原則3:建立與用戶共建產(chǎn)品的機制

積極邀請用戶參與產(chǎn)品的設計和改進過程,通過用戶調研、用戶測試和用戶反饋機制,了解用戶的期望和需求,并將其納入到產(chǎn)品的迭代和改進中。如在Discord社區(qū)當中,用戶可以在官網(wǎng)的反饋入口找到期望反饋的內容板塊,可以進行問題帖子的反饋,所有的用戶群體可以對帖子的內容進行投票支持和評論。也就是相當于以社區(qū)共建的形式,讓所有的用戶都可以對產(chǎn)品進行共建維護。如果是產(chǎn)品功能本身的問題,開發(fā)人員可以及時響應;如果是用戶自身對產(chǎn)品的認知問題,社區(qū)的小伙伴也可以進行很好的解答。

原則4:減輕用戶對數(shù)據(jù)隱私安全的顧慮

在AI盛行的當下,數(shù)據(jù)隱私安全可以說是非常敏感的話題了,AI泄漏數(shù)據(jù)隱私的事件也在不斷曝光。妙鴨相機的爆紅事件給我們的警示是在產(chǎn)品設計的過程中,除了思考如何利用新技術產(chǎn)出新的創(chuàng)意,對用戶數(shù)據(jù)隱私安全的保護同樣重要,它是產(chǎn)品獲得用戶信任,得以被持續(xù)使用的原因之一。
數(shù)據(jù)隱私安全涵蓋的范圍是非常廣泛的。從產(chǎn)品設計的角度來看對于數(shù)據(jù)隱私安全的保護可以從以下幾點考慮:

1、政策和規(guī)范的跟進和了解

遵守數(shù)據(jù)隱私和安全相關的法律法規(guī)和標準對于產(chǎn)品和應用是最基礎的。在國內,7月網(wǎng)信辦等7部委聯(lián)合公布了《生成式人工智能服務管理暫行辦法》,生成式人工智能服務管理辦法的正式落地為我國AI發(fā)展打下了基礎。

2、積極告知,將決策權還給用戶

積極告知用戶產(chǎn)品如何保護數(shù)據(jù)隱私安全也是規(guī)避風險的一種方法。比如用戶協(xié)議中對于用戶隱私的處理,比起直接提供給用戶大段的文案讓他們去逐字查看,在操作流程中說明產(chǎn)品對于用戶隱私的使用,并讓用戶進行手動確認會明顯提高用戶對于產(chǎn)品的信任程度。蘋果在數(shù)據(jù)隱私安全方面始終站在了用戶這一邊,無論是安裝應用時詢問權限還是每次出現(xiàn)的“是否允許粘貼”,其對于隱私保護的方法與措施都值得我們學習。

3、本地存儲也是一種選擇

Rewind工具可以自動存儲用戶在自己電腦和手機上看到的所有內容,通過引入“私人助理”的角色,方便用戶基于AI進行內容的搜索和瀏覽整合。工具對于用戶隱私的處理也非常值得參考,其主要通過本地存儲、內容隨時可刪除等方法,讓隱私優(yōu)先的原則貫穿在產(chǎn)品的定位和功能設計之中,也是這款工具能夠獲得好評的原因之一。

三、結語

總的來說,AI技術的推廣目前仍面臨相當大的挑戰(zhàn),對于大眾而言也有一定的使用門檻。作為設計師,比起強調產(chǎn)品能力的升級,我們更應該注重對用戶的關懷,一款好的AI產(chǎn)品必定是智能化且人性化的。AI技術下的人機交互應用已經(jīng)成為UX設計的趨勢,我們需要注意平衡技術和用戶體驗之間的關系,以確保我們的設計在滿足用戶需求的基礎之上,能夠助力產(chǎn)品在商業(yè)市場上的成功。

 

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

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

銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

高端網(wǎng)站設計公司藍藍設計:關注并改善殘疾人用戶體驗

博博

在醫(yī)療行業(yè)中,殘疾人用戶面臨著許多挑戰(zhàn),例如身體不便、視覺障礙、聽力障礙等等。為了讓他們能夠更加方便地使用醫(yī)療服務,UI設計師需要考慮到各種不同的因素,并采取相應的措施來提高用戶體驗。

高端網(wǎng)站設計公司藍藍設計:如何將創(chuàng)新技術融入醫(yī)療界面設計

博博

隨著科技的不斷發(fā)展,醫(yī)療界面設計也正面臨著新的挑戰(zhàn)和機遇。本文將介紹一些將創(chuàng)新技術融入醫(yī)療界面設計的技巧和實例,幫助大家把握未來醫(yī)療界面設計的趨勢。

高端網(wǎng)站設計公司藍藍設計:如何運用色彩提升界面吸引力

博博

在界面設計中,色彩搭配是至關重要的一環(huán)。合適的色彩搭配能夠讓界面更加吸引人,提高用戶體驗。本文將介紹一些色彩搭配技巧,幫助你提升界面吸引力。

高端網(wǎng)站設計公司藍藍設計:引領未來的交互設計

博博

在飛速發(fā)展的數(shù)字時代,用戶界面(UI)設計已經(jīng)成為一項至關重要的任務。。本文將帶你探討UI設計的最新趨勢,如何引領未來的交互設計,創(chuàng)造更加自然、直觀且吸引人的用戶體驗。無論你是UI設計師、開發(fā)人員,還是產(chǎn)品經(jīng)理,都能從中獲得啟發(fā)和靈感。

 

UI咨詢公司-藍藍設計:頂級秘籍:提升UI設計吸引力的3大絕招

博博

想要讓你的UI設計在海量應用中脫穎而出,吸引用戶眼球嗎?如果你正在尋找提升UI設計吸引力的絕妙方法,那么你絕對不能錯過本文!我們將為你揭示頂級UI設計師都不會告訴你的3大絕招,讓你輕松掌握提升UI設計吸引力的關鍵技巧,讓你的設計在競爭激烈的市場中獨樹一幟!

UI咨詢公司-藍藍設計:為企業(yè)打造卓越的信息化UI界面設計"

博博

UI設計公司-藍藍設計(北京蘭亭妙微科技有限公司)是一家在企業(yè)信息化UI界面設計領域擁有豐富經(jīng)驗的專業(yè)團隊。我們深知企業(yè)信息化的需求,了解企業(yè)用戶的使用習慣和期望。我們的設計師們具備深厚的設計背景和專業(yè)知識,能夠將企業(yè)的品牌形象和用戶需求融入到UI界面設計中。

夢想與現(xiàn)實交匯,設計之路點亮人生舞臺

博博

每個設計師都有一段故事,每個夢想都有實現(xiàn)的可能。在這個瞬息萬變的時代,無數(shù)年輕人懷揣夢想,投身設計領域,期待用雙手創(chuàng)造未來。當初成為設計師的他們,現(xiàn)在愿望實現(xiàn)了嗎?讓我們一起探尋他們的故事,感受夢想與現(xiàn)實交匯的魅力。

小公司如何突破界面設計難題,打造驚艷產(chǎn)品?

博博

對于小公司來說,界面設計是產(chǎn)品開發(fā)中不可或缺的一環(huán)。然而,由于資源和預算的限制,小公司在界面設計上面臨著諸多挑戰(zhàn)。本文將為你揭示小公司如何突破界面設計難題,打造驚艷產(chǎn)品。我們將探討如何利用有限資源、如何選擇合適的界面設計風格、如何平衡用戶需求與商業(yè)目標以及如何與開發(fā)團隊緊密合作等方面。通過本文的介紹,你將了解到小公司做好界面設計的關鍵要素和方法,為你的產(chǎn)品開發(fā)提供有力的支持。

日歷

鏈接

個人資料

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

存檔