App界面設計對于設計師而言一直是盛久不衰的話題,尤其是如今越來越多的流量轉移到了移動平臺,使得更多的UI設計師涌入移動端領域,甚至出現了市場飽和的言論,對于從事移動端的UI設計師來講,充滿壓力的同時又面臨無限機遇,唯有不斷的學習才能滋生出源源不斷的設計靈感,站穩腳跟。
摹客想在這方面給各位設計師朋友做點什么,除了提供簡單好用的設計工具,我們也整理了非常多的優秀設計案例,希望可以對設計師朋友有借鑒意義。這將會是一個系列的專題,我們以月為單位,整理了國內外設計師的優秀APP界面設計案例,我們是搬運工,更是好設計的傳達者,希望你會喜歡。
接下來為大家分享精美的app UI設計案例:
--手機appUI設計--
更多精彩文章:
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
前兩天一個從事UI設計的朋友問了我一個這樣的問題:我從事UI設計一年多, UI設計上的一些基本知識差不多已經掌握,但是想更進一步的提升下自己,讓自己的作品更加有優秀,但不知道從哪里入手?胡老師有沒有什么好的建議。今天給大家分享十個UI設計套路!
1 盡量使用單列而不是多列布局
單列布局能夠讓對全局有更好的掌控。同時用戶也可以一目了然內容。而多列而已則會有分散用戶注意力的風險使你的主旨無法很好表達。最好的做法是用一個有邏輯的敘述來引導用戶并且在文末給出你的操作按鈕。
2 放出禮品往往更具誘惑力
給用戶一份精美小禮品這樣的友好舉動再好不過了。具體來講,送出禮品也是之有效的獲得客戶忠誠度的戰術,這是建立在人們互惠準則上的。而這樣做所帶來的好處也是顯而易見的,會讓你在往后的活動進展(不管是推銷,產品更新還是再次搞活動)中更加順利。
3 合并重復的功能而使界面簡潔
在整個產品開發期間我們會有意無意地創建很多模塊,版面或者元素,而它們的功能可能有些是重疊的。此種情況表明界面已經過度設計了。時刻警惕這些冗余的功能模塊,它無用且降低了電腦性能。此外,界面上模塊越多,用戶的學習成本就越大。所以請考慮重構你的界面使它足夠精簡。
4 客戶的評價好過自吹自擂
在獲得項目機會或提高項目轉化率時客戶的好評是一種極為有效的手段。當潛在客戶看到其他人對你的服務給予好評時,項目機會會大增。所以試著提供一些含金量高的證據證明這些好評是真實可信的。
5 頻繁展示你的主旨來加深印象
多次重復主旨口號這種方法適用于界面很長或者分頁的情況。首先你肯定不想滿屏刷出相同的信息,這樣會讓人生厭。但當頁面足夠長的時候這些重復就顯示自然多了并且也不顯得擁擠。所在在頁面頂部放一個按鈕然后在頁面底部再適當放個突出的按鈕的做法沒有什么不妥。這樣當用戶到達頁面底部在思考接下來該做什么的時候,你提供的按鈕就可以獲得一個潛在的合同或者即使用戶不需要你的服務這個按鈕也可以起到過濾的作用。
6 將選項與按鈕區分開來
諸如顏色,層次及模塊間的對比這些視覺上的設計可以很好地幫助用戶使用產品:他時刻知道當前所處的頁面以及可以轉到哪些頁面。要傳達這樣一個好的界面,你就需要將可點擊的元素(比如連接,按鈕),可選擇的元素(比如單選多選框)以及普通的文字明顯區分開來。在下圖的例子中,我將點擊操作的元素設置為藍色,選中的當前元素為黑色。這樣適當的設計可以讓用戶很方面地在產品的各模塊間切換。但千萬不要把這三種元素設計得混亂不堪。
7 給出推薦而不是讓用戶來選擇
當展示許多項服務時,給出一個重磅的推薦項是個不錯的做法,盡管推薦的設置無法滿足所有用戶。這么做是有理論依據的,一些研究已經揭示了這么一種現象:當面臨的選擇越多時,用戶就越難做出決定。所以你可以高亮某個選項來幫助用戶做出選擇。
8 給出撤銷操作來代替確定操作
假設你剛點擊了一個連接或者按鈕,撤銷操作可以讓操作流暢自然,這也符合人類的本能。而每次操作都彈一個確定框則好像是在質問用戶你明白不明白這個操作會產生什么后果。我還是更習慣假設用戶每次操作都是正確的,其實只有極少數情況下才會發生誤操作。所以,為了防止誤操作而設計的確認窗口其實是不人性化的,用戶每次操作都需要進行毫無意義的確定。所以請考慮在你的產品里實現撤銷操作來增加用戶的操作友好度吧。
9 指出產品適用人群而不是做成全年齡
你是想把產品做成大眾化的呢還是有精確的適用人群?在產品定位上你需要更精確些。通過不斷了解目標客戶的需求及標準,你能把產品做得更好得到更多與客戶交流的機會,并且讓客戶覺得你很專業,在這方面是獨家提供的優質服務。把產品定位得精確的風險就是可能縮小了目標潛在客戶的范圍,也使自身變得不那么全能。但這種做得更專業的精神卻反過來會贏得信任,權威。
10 試著直接果斷而不要唯唯諾諾
你可以通過不確定而顫抖的聲音來表達傳遞自己的意思,當然也可以通過很自信的方式表達。如果你在界面中的表述用語多以問號結束,比如"也許","可能","感興趣?" 或者"想要試試么?",那么你完全還可以把語氣變得更堅定一些。不過萬事無絕對,或許適當放松措詞讓用戶有自行思考的余地也是可以的。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
移動UI設計切圖是UI設計師最重要的設計輸出物,切圖資源輸出是否規范直接影響到工程師對設計效果的還原度。設計師的切圖輸出物是是體現一個設計師專業水準的重要標準,同時也是設計師表達自己對設計態度的最有力的語言。合適、精準的切圖可以最大限度的還原設計圖,起到事半功倍的效果。如何輸出具有全局把控和細節專注的高段位切圖,應該是所有設計師一直需要追求的能力。
設計切圖的原則
設計切圖輸出的目的是跟下游的工程師團隊協同工作,那么在團隊協作過程中首先應該保證切圖輸出能夠滿足工程師設計效果圖的高保真還原的需求。其次切圖輸出應該盡可能的降低工程師的開發工作量,避免因切圖輸出而導致的不必要的工作量。最后輸出的切圖應當盡可能的壓縮大小,以降低APP的總大小,提升用戶使用時的加載速度。所以切圖輸出應當做到切圖精準、便與協同和壓縮大小。
1.切圖資源尺寸必須為雙數
眾所周知智能手機的屏幕大小都是雙數值,比如iphone 7的屏幕分辨率是750*1334px。切圖資源尺寸必須為雙數是為了保證切圖資源在工程師開發時是高清顯示。因為1px是智能手機能夠識別的最小單位,換句話說就是1像素不能在智能手機被分為兩份。所以如果是單數切圖的話手機系統就會自動拉伸切圖從而導致切圖元素邊緣模糊,進而造成開發出來的APP界面效果與原設計效果差距甚遠。
2.圖標切圖輸出應根據標準尺寸輸出并且考慮到手機適配
在切圖資源輸出中圖標切圖輸出是至關重要的部分。因為在開發中由于各機型的屏幕分辨率不同,需要針對一些大屏機型進行適配。為了適配大分辨率手機圖標在切圖的時候需要輸出@2x和@3x的切圖,其中@2x的切圖可以滿足雙平臺大部分機型的適配要求,@3x是用來適配iphone手機的各種plus版本的手機(后邊會有文章專門講解關于適配的問題)。@3x是@2x尺寸的1.5倍,例如一個圖標切圖@2x尺寸是44px,那么@3x尺寸是66px。
3.為了提升APP使用速度,盡量降低圖片文件大小
在切圖資源輸出中圖標切圖輸出是很重要的部分,比如新手引導頁、啟動頁面、默認圖、廣告圖等。圖片切圖一般情況下文件大小都是相對較大,不利于用戶在使用app過程中加載頁面。因此圖片切圖要盡量壓縮圖片文件的大小。
4.可點擊部件應當注意其點擊區域不小于88px
44px的點擊區域數值是在iphone 3 (320×480px)普通顯示屏下制定出來的,在手機分辨率大幅提升的現在,這個數據自然要與時俱進。在iphone11 (750*1334px)的 顯示屏下44px點擊區域就變為了88px。但無論是320*480px尺寸下的44px還是在750*1334px尺寸下的88px,換算成物理尺寸后大致是在7mm-9mm之間。早在人機工程學的研究中曾得出結論,認為人類舒適的觸擊范圍需在7-9mm的大小。所以在ios官方的空間尺寸也經常出現88px的數值,比如菜單欄的高度便是88px。
5.可點擊部件要把相關狀態都切圖輸出,比如正常狀態、點擊狀態。
在切圖過程中不僅要輸出正常狀態的切圖,更要注意不要遺漏其他狀態的切圖。這個也是設計師經常會出現的失誤,比如在按鈕切圖的過程中可能會忽略點擊切圖的狀態。所以設計師在做設計圖是最好盡量把頁面中會出現的各種狀態展示出來,避免后期切圖的時候遺漏狀態。
切圖輸出類型
1.桌面圖標切圖輸出
app的桌面圖標會被運用在很多不同的地方展示,比如手機桌面、APP store、手機的設置列表,所以app桌面圖標需要很多個不同尺寸的切圖輸出。兩個平臺對相應桌面圖標設計輸出尺寸也不盡相同,在輸出的時候要把雙平臺的這些尺寸全部輸出切圖。桌面圖標切圖只需要提供直角的圖標切圖即可,手機系統會自動生成圓角效果。
2.系統圖標切圖輸出
一套圖適配雙平臺:
ios平臺和安卓平臺公用44*44px切圖素材,即可實現一套切圖適配兩個平臺的開發。
適配大屏幕:
為了適配iphone 6plus、iphone 7plus單獨切一套比原有44*44px切圖大1.5倍的切圖,即66*66px大小的切圖。(UI設計的適配問題會在后邊單獨的文章中詳細講解)
3.圖片類切圖輸出
圖片類切圖主要是指啟動頁、新手引導頁、默認提示、廣告圖等需要完整切圖的圖片。同一類型的圖片切圖一般要保持同樣的大小尺寸以便于工程師開發使用。另外一般這些切圖的文件較大在切圖過程中需要控制切圖文件的大小。(后邊文章會詳細講解如何壓縮切圖大小的方法)
全屏切圖類
局部切圖類
4.可拉伸元素切圖輸出
可拉伸元素一般是指按鈕、輸入框等切圖過程中可以對切圖進行瘦身壓縮的元素。這些元素通過瘦身壓縮可以極大地見效圖片的大小提升用戶在使用app中的加載速度。在ios中這種切圖方式叫做平鋪切圖,在安卓中這種切圖方式叫做點九切圖法。
橫向拉伸切圖
豎向拉伸切圖
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
最近,我花了一些時間觀察UI設計的發展方向。我偶然發現了一些非常有創意的趨勢,我認為這些趨勢將在不久的將來將重新塑造UI設計。
以下是根據我的觀察得出的10種趨勢:
新形態在不斷發展,我想它會一直存在(無論你喜歡與否)。它最初的形式并沒有持續很長時間,但是它正在朝著更加復雜和易于訪問的方向發展。這幾乎就像擬物象,但有一種新鮮、現代、更美學的氛圍。
漸變無處不在!實際上,我在背景和UI元素(例如按鈕,卡片和圖形)上看到了很多。
混合兩種以上的顏色以創建一個彩色模糊的背景也是一件事!
無論是作為主要的背景或主題,還是只是讓設計看起來更有趣的一個細節——幾何元素越來越受到關注。通常將它們混合在一起以創建馬賽克——結果看起來非???!
不得不說我喜歡這種趨勢,我見過許多令人驚艷的、輕量級的、美觀的設計,其具有非常精致、明亮柔和的配色方案。
它使設計看起來非常現代、沒有干擾、清新而令人愉悅,其中內容扮演主要角色,其他一切只是一個微妙的背景。
插圖仍然很流行,不同的樣式、配色方案、或多或少的抽象,所以它們符合產品的特點。不僅是平面的,而且還模仿了3D的外觀。我相信這是一個很好的改變,在地球上的每一個數字項目使用了這么多年的庫存圖片之后,我在這里給出了一些有關如何創建簡單插圖的提示:
用于背景和不同的UI元素,它們使界面看起來更“有機”和好玩,我認為這是一件好事。使用鋼筆工具編輯最簡單的形狀(正方形,橢圓形),使用不同的邊框半徑,嘗試使用不同的顏色/漸變,你可能會得到一個非常有趣的結果。在這里嗎,我們或許可以嘗試一下這個簡單卻神奇的工具Blobmaker。
暗模式是界面的顏色反轉版本,以使其在晚上更易于訪問。由于我是典型的夜貓子,因此我經常在晚上使用深色模式。創建暗模式時,記住要在不同元素和版式之間保持正確的對比。
不僅用于Dribbble shots,而且還用作以非標準方式在網站上呈現不同內容的方式。它使內容看起來更有趣和吸引眼球。那么,如何快速實現這一效果呢?首先,對0度的角度拼貼元素。把他們分成一組。然后,更改組角度(從30°到50°),瞧!這樣,你就不必手動更改每個元素的角度了。
這是另一個我最喜歡的趨勢,柔和的陰影使UI看起來更深入。這種效果通常非常微妙,但在美學上令人愉悅。一般來說,陰影使某些UI元素變得“可單擊”,并且它們有助于區分內容之間的層次結構。你可以在此處了解如何進行操作:
我從不喜歡比較薄的字體(在iOS7時代),所以我很高興看到這種趨勢消失了?,F在,我正在觀察使用更粗、更簡單的形式(幾乎為方形)的可讀字體。它們使界面看起來更加現代和優美。如果你要搜索類似的產品,可以試試Poppins、Montserrat(免費)、Gilroy、Sofia Pro、Proxima Nova(付費)。
來源:Diana Malewicz:10 Newest and promising UI design trends
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
uni-app 代碼
選擇圖片代碼(uniapp 代碼示例)
uni.chooseImage({ success: (chooseImageRes) => { const tempFilePaths = chooseImageRes.tempFilePaths; } });
tempFilePaths 為選擇圖片res 里面的其中一個對象
注意:uniapp 上傳圖片不能上傳選中的File 文件(tempFiles這個數組的東西不能夠上傳) 要上傳(tempFilePaths)讀取圖片后數組的 此數組可以用來瀏覽,上傳
選擇圖片加上傳圖片代碼
*多圖上傳注意 files 數組 對象不能直接傳 tempFilePaths這個數組 必須要更改
let img = []; for (let i = 0; i < tempFilePaths.length; i++) { let obj = new Object(); obj.name = `file` + i; obj.uri = tempFilePaths[i]; img.push(obj); obj = null; }
uni.chooseImage({ count: 9, success: (res) => { //上傳文件的臨時路徑 const tempFilePaths = res.tempFilePaths; let img = []; for (let i = 0; i < tempFilePaths.length; i++) { let obj = new Object(); obj.name = `file` + i; obj.uri = tempFilePaths[i]; img.push(obj); obj = null; } const tempFilePaths = res.tempFilePaths; console.log(res); uni.uploadFile({ url:'http://192.168.88.15:8978/Mailbox/'+that.api.pudatefiles, filePath: tempFilePaths[0], files: img , name: 'file', success: (uploadFileRes) => { console.log(uploadFileRes) uni.hideLoading(); if (back.status == "0") { console.log(that.host + back.filepath[0]) that.editorCtx.insertImage({ src: that.host + back.filepath[0], alt: '圖像', success: function() {} }) } else { console.log(back.msg); } }, fail: () => { uni.hideLoading(); console.log('圖片上傳失敗,請聯系開發'); } }); } })
var express = require("express"); //Express框架 const multer = require("multer"); // multer中間件上傳圖片 接收文件post數據 // 設置文件上傳的地方 let storage = multer.diskStorage({ destination: (req: any, file: any, cb: Function) => { cb(null, "./StaticResource/pudate/"); }, filename: (req: any, file: any, cb: Function) => { cb(null, Date.now() + "-" + file.originalname); }, }); let multerObj = multer({ dest: "./StaticResource/pudate/", storage }); //存放上傳的文件 app.use(multerObj.any()); // 存放所有的類型文件 //設置跨域訪問 app.all("*", (req: any, res: any, next: Function) => { res.header("Access-Control-Allow-Origin", "*"); res.header( "Access-Control-Allow-Headers", "Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild" ); res.header( "Access-Control-Allow-Headers", "content-type,SelfSummerHeader,Authorization" ); //自定義請求頭 res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS"); res.header("X-Powered-By", "3.2.1"); res.header("Content-Type", "application/json;charset=UTF-8"); res.header("Content-Type", "text/xml"); if (req.method === "OPTIONS" || req.url === "/favicon.ico") { // 攔截請求 return res.send(); } next(); }); app.listen(COMPort, (err: Error) => { if (err) { console.log('啟動錯誤', err) } console.table({ 端口: COMPort, IP: systemOs.IP(), 服務地址: `http://${systemOs.IP()}:${COMPort}/Mailbox`, 靜態資源: `IP端口地址加上文件名`, 描述: `Node服務已啟動成功`, "swagger-ui": `http://${systemOs.IP()}:${COMPort}/api (ts代碼轉為js代碼可以正常使用)`, }); // 掛載自定義中間件 app.use(middleware_router.bodyData); }); router.all( "/pudatefiles", (req: { files: { path: string }[] }, res: any, next: any) => { let data: Array<string> = []; console.log(req.files); req.files?.forEach((item: any) => { let url = item?.path.replace(/\\/g, "/"); data.push(url?.replace("StaticResource", "")); }); res.sendSuccess(data, "上傳成功"); } );
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。
文章來源:csdn
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
本文出自 “旋木的技術博客” 博客,請務必保留此出處http://mrxiong.blog.51cto.com/287318/1651098
一.數值類型
Mysql支持所有標準SQL中的數值類型,其中包括嚴格數據類型(INTEGER,SMALLINT,DECIMAL,NUMBERIC),以及近似數值數據類型(FLOAT,REAL,DOUBLE PRESISION),并在此基礎上進行擴展。
擴展后增加了TINYINT,MEDIUMINT,BIGINT這3種長度不同的整形,并增加了BIT類型,用來存放位數據。
整數類型 字節 范圍(有符號) 范圍(無符號) 用途
TINYINT 1字節 (-128,127) (0,255) 極小整數值
SMALLINT 2字節 (-32 768,32 767) (0,65 535) 小整數值
MEDIUMINT 3字節 (-8 388 608,8 388 607) (0,16 777 215) 中整數值
INT或INTEGER 4字節 (-2 147 483 648,2 147 483 647) (0,4 294 967 295) 大整數值
BIGINT 8字節 (-9 233 372 036 854 775 808,9 223 372 036 854 775 807) (0,18 446 744 073 709 551 615) 極大整數值
FLOAT 4字節 (-3.402 823 466 E+38,1.175 494 351 E-38),0,(1.175 494 351 E-38,3.402 823 466 351 E+38) 0,(1.175 494 351 E-38,3.402 823 466 E+38) 單精度浮點數值
DOUBLE 8字節 (1.797 693 134 862 315 7 E+308,2.225 073 858 507 201 4 E-308),0,(2.225 073 858 507 201 4 E-308,1.797 693 134 862 315 7 E+308) 0,(2.225 073 858 507 201 4 E-308,1.797 693 134 862 315 7 E+308) 雙精度浮點數值
DECIMAL 對DECIMAL(M,D) ,如果M>D,為M+2否則為D+2 依賴于M和D的值 依賴于M和D的值 小數值
INT 類型:
在 MySQL 中支持的 5 個主要整數類型是 TINYINT,SMALLINT,MEDIUMINT,INT 和 BIGINT。這些類型在很大程度上是相同的,只有它們存儲的值的大小是不相同的。
MySQL 以一個可選的顯示寬度指示器的形式對 SQL 標準進行擴展,這樣當從數據庫檢索一個值時,可以把這個值加長到指定的長度。例如,指定一個字段的類型為 INT(6),
就可以保證所包含數字少于 6 個的值從數據庫中檢索出來時能夠自動地用空格填充。需要注意的是,使用一個寬度指示器不會影響字段的大小和它可以存儲的值的范圍。
萬一我們需要對一個字段存儲一個超出許可范圍的數字,MySQL 會根據允許范圍最接近它的一端截短后再進行存儲。還有一個比較特別的地方是,
MySQL 會在不合規定的值插入表前自動修改為 0。
UNSIGNED 修飾符規定字段只保存正值。因為不需要保存數字的正、負符號,可以在儲時節約一個“位”的空間。從而增大這個字段可以存儲的值的范圍。
ZEROFILL 修飾符規定 0(不是空格)可以用來真補輸出的值。使用這個修飾符可以阻止 MySQL 數據庫存儲負值。
FLOAT、DOUBLE 和 DECIMAL 類型
MySQL 支持的三個浮點類型是 FLOAT、DOUBLE 和 DECIMAL 類型。FLOAT 數值類型用于表示單精度浮點數值,而 DOUBLE 數值類型用于表示雙精度浮點數值。
與整數一樣,這些類型也帶有附加參數:一個顯示寬度指示器和一個小數點指示器。比如語句 FLOAT(7,3) 規定顯示的值不會超過 7 位數字,小數點后面帶有 3 位數字。
對于小數點后面的位數超過允許范圍的值,MySQL 會自動將它四舍五入為最接近它的值,再插入它。
DECIMAL 數據類型用于精度要求非常高的計算中,這種類型允許指定數值的精度和計數方法作為選擇參數。精度在這里指為這個值保存的有效數字的總個數,
而計數方法表示小數點后數字的位數。比如語句 DECIMAL(7,3) 規定了存儲的值不會超過 7 位數字,并且小數點后不超過 3 位。
忽略 DECIMAL 數據類型的精度和計數方法修飾符將會使 MySQL 數據庫把所有標識為這個數據類型的字段精度設置為 10,計算方法設置為 0。
UNSIGNED 和 ZEROFILL 修飾符也可以被 FLOAT、DOUBLE 和 DECIMAL 數據類型使用。并且效果與 INT 數據類型相同。
二.字符串類型
MySQL 提供了8個基本的字符串類型,分別:CHAR、VARCHAR、BINARY、VARBINARY、BLOB、TEXT、ENUM 各SET等多種字符串類型。
可以存儲的范圍從簡單的一個字符到巨大的文本塊或二進制字符串數據。
字符串類型 字節大小 描述及存儲需求
CHAR 0-255字節 定長字符串
VARCHAR 0-255字節 變長字符串
TINYBLOB 0-255字節 不超過 255 個字符的二進制字符串
TINYTEXT 0-255字節 短文本字符串
BLOB 0-65535字節 二進制形式的長文本數據
TEXT 0-65535字節 長文本數據
MEDIUMBLOB 0-16 777 215字節 二進制形式的中等長度文本數據
MEDIUMTEXT 0-16 777 215字節 中等長度文本數據
LOGNGBLOB 0-4 294 967 295字節 二進制形式的極大文本數據
LONGTEXT 0-4 294 967 295字節 極大文本數據
VARBINARY(M) 允許長度0-M個字節的定長字節符串,值的長度+1個字節
BINARY(M) M 允許長度0-M個字節的定長字節符串
CHAR 和 VARCHAR 類型
CHAR 類型用于定長字符串,并且必須在圓括號內用一個大小修飾符來定義。這個大小修飾符的范圍從 0-255。比指定長度大的值將被截短,而比指定長度小的值將會用空格作填補。
CHAR 類型可以使用 BINARY 修飾符。當用于比較運算時,這個修飾符使 CHAR 以二進制方式參于運算,而不是以傳統的區分大小寫的方式。
CHAR 類型的一個變體是 VARCHAR 類型。它是一種可變長度的字符串類型,并且也必須帶有一個范圍在 0-255 之間的指示器。CHAR 和 VARCHGAR 不同之處在于 MYSQL 數據庫處理
這個指示器的方式:CHAR 把這個大小視為值的大小,不長度不足的情況下就用空格補足。而 VARCHAR 類型把它視為最大值并且只使用存儲字符串實際需要的長度
(增加一個額外字節來存儲字符串本身的長度)來存儲值。所以短于指示器長度的 VARCHAR 類型不會被空格填補,但長于指示器的值仍然會被截短。
因為 VARCHAR 類型可以根據實際內容動態改變存儲值的長度,所以在不能確定字段需要多少字符時使用 VARCHAR 類型可以大大地節約磁盤空間、提高存儲效率。
VARCHAR 類型在使用 BINARY 修飾符時與 CHAR 類型完全相同。
TEXT 和 BLOB 類型
對于字段長度要求超過 255 個的情況下,MySQL 提供了 TEXT 和 BLOB 兩種類型。根據存儲數據的大小,它們都有不同的子類型。這些大型的數據用于存儲文本塊或圖像、
聲音文件等二進制數據類型。
TEXT 和 BLOB 類型在分類和比較上存在區別。BLOB 類型區分大小寫,而 TEXT 不區分大小寫。大小修飾符不用于各種 BLOB 和 TEXT 子類型。
比指定類型支持的最大范圍大的值將被自動截短。
三.日期和時間類型
在處理日期和時間類型的值時,MySQL 帶有 5 個不同的數據類型可供選擇。它們可以被分成簡單的日期、時間類型,和混合日期、時間類型。
根據要求的精度,子類型在每個分類型中都可以使用,并且 MySQL 帶有內置功能可以把多樣化的輸入格式變為一個標準格式。
類型 大小(字節) 范圍 格式 用途
DATE 4 1000-01-01/9999-12-31 YYYY-MM-DD 日期值
TIME 3 '-838:59:59'/'838:59:59' HH:MM:SS 時間值或持續時間
YEAR 1 1901/2155 YYYY 年份值
DATETIME 8 1000-01-01 00:00:00/9999-12-31 23:59:59 YYYY-MM-DD HH:MM:SS 混合日期和時間值
TIMESTAMP 4 1970-01-01 00:00:00/2037 年某時 YYYYMMDD HHMMSS 混合日期和時間值,時間戳
DATE、TIME 和 TEAR 類型
MySQL 用 DATE 和 YEAR 類型存儲簡單的日期值,使用 TIME 類型存儲時間值。這些類型可以描述為字符串或不帶分隔符的整數序列。如果描述為字符串,
DATE 類型的值應該使用連字號作為分隔符分開,而 TIME 類型的值應該使用冒號作為分隔符分開。
需要注意的是,沒有冒號分隔符的 TIME 類型值,將會被 MySQL 理解為持續的時間,而不是時間戳。
MySQL 還對日期的年份中的兩個數字的值,或是 SQL 語句中為 TEAR 類型輸入的兩個數字進行最大限度的通譯。因為所有 TEAR 類型的值必須用 4 個數字存儲。
MySQL 試圖將 2 個數字的年份轉換為 4 個數字的值。把在 00-69 范圍內的值轉換到 2000-2069 范圍內。把 70-99 范圍內的值轉換到 1970-1979 之內。
如果 MySQL 自動轉換后的值并不符合我們的需要,請輸入 4 個數字表示的年份。
DATETIME 和 TIMESTAMP 類型
除了日期和時間數據類型,MySQL 還支持 DATETIME 和 TIMESTAMP 這兩種混合類型。它們可以把日期和時間作為單個的值進行存儲。
這兩種類型通常用于自動存儲包含當前日期和時間的時間戳,并可在需要執行大量數據庫事務和需要建立一個調試和審查用途的審計跟蹤的應用程序中發揮良好作用。
如果我們對 TIMESTAMP 類型的字段沒有明確賦值,或是被賦與了 null 值。MySQL 會自動使用系統當前的日期和時間來填充它。
復合類型
MySQL 還支持兩種復合數據類型 ENUM 和 SET,它們擴展了 SQL 規范。雖然這些類型在技術上是字符串類型,但是可以被視為不同的數據類型。
一個 ENUM 類型只允許從一個集合中取得一個值;而 SET 類型允許從一個集合中取得任意多個值。
ENUM 類型
ENUM 類型因為只允許在集合中取得一個值,有點類似于單選項。在處理相互排拆的數據時容易讓人理解,比如人類的性別。ENUM 類型字段可以從集合中取得一個值或使用 null 值,
除此之外的輸入將會使 MySQL 在這個字段中插入一個空字符串。另外如果插入值的大小寫與集合中值的大小寫不匹配,MySQL 會自動使用插入值的大小寫轉換成與集合中大小寫一致的值。
ENUM 類型在系統內部可以存儲為數字,并且從 1 開始用數字做索引。一個 ENUM 類型最多可以包含 65536 個元素,其中一個元素被 MySQL 保留,用來存儲錯誤信息,
這個錯誤值用索引 0 或者一個空字符串表示。
MySQL 認為 ENUM 類型集合中出現的值是合法輸入,除此之外其它任何輸入都將失敗。這說明通過搜索包含空字符串或對應數字索引為 0 的行就可以很容易地找到錯誤記錄的位置。
SET 類型
SET 類型與 ENUM 類型相似但不相同。SET 類型可以從預定義的集合中取得任意數量的值。并且與 ENUM 類型相同的是任何試圖在 SET 類型字段中插入非預定義的值都會使
MySQL 插入一個空字符串。如果插入一個即有合法的元素又有非法的元素的記錄,MySQL 將會保留合法的元素,除去非法的元素。
一個 SET 類型最多可以包含 64 項元素。在 SET 元素中值被存儲為一個分離的“位”序列,這些“位”表示與它相對應的元素?!拔弧笔莿摻ㄓ行蛟丶系囊环N簡單而有效的方式。
并且它還去除了重復的元素,所以 SET 類型中不可能包含兩個相同的元素。
希望從 SET 類型字段中找出非法的記錄只需查找包含空字符串或二進制值為 0 的行。
通過對每種數據類型的用途,物理存儲,表示范圍等有一個概要的了解。這樣在面對具體應用時,就可以根據相應的特來來選擇合適的數據類型,使得我們能夠爭取在滿足應用的基礎上,
用較小的存儲代價換來較高的數據庫性能。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。
文章來源:csdn
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
要想設計一個成功的產品,首先需要了解清楚客戶的需求。產品設計之前,通過正確地詢問客戶一些問題可以更順利地完成設計,避免不必要的返工。更容易獲得客戶對設計成果的肯定。時刻記?。罕M早建立融洽的關系,以及給于對方尊重對于合作至關重要。 以下是設計產品之前需要咨詢客戶的20個基本問題。這些問題不僅可以讓客戶覺得自己參與了設計過程,還可以幫助你快速清理項目背景,并按照正確的方向進行設計。 一、建立共識首先要讓客戶知道你非常在意他們這個設計項目。站在他們的角度,理解他們尋求設計解決方案的原因,并建立共識。詢問以下這些問題將幫助你了解他們所面臨的問題,并通過這些信息思考如何提供出最好的設計解決方案。
1. “這個產品背后的靈感是什么?” 從這個問題的回復中,你可以了解到客戶想做的是復制品還是與眾不同的新產品。探尋客戶項目背后的靈感可以讓你清晰地認識到客戶想和你合作的原因,以及你應該如何開始設計這個項目。 2. “你想要實現什么效果?” 根據客戶需要實現的效果設定分段目標,這樣可以幫助你跟蹤項目進度,自查設計是否符合效果。同時,當你清楚不同時間段設計應該完成到什么程度時,你就能合理安排時間來完善設計效果了。 3. “你的項目期望是什么?” 通過詢問這個問題,不僅會讓客戶覺得你是一位專業設計師;同時,也可以幫你杜絕一些不必要的麻煩。如果你了解“范圍蔓延”這個現象,那么你就知道在設計前關注這個問題是多么重要。 (“范圍蔓延”指項目范圍沒有很好的控制,項目工作范圍超出了項目立項時的范圍。) 二、了解客戶品牌了解客戶的業務和品牌可以幫助你清楚他們的想法。當你開始設計時,他們的一些想法和情感正是你在設計中需要參考的。因此,以下這些問題也是非常重要的。
4. “你們的立場是什么?” 這個問題可以幫助你了解驅動客戶業務的核心價值觀。清楚客戶的立場有助于尊重他們的信仰,避免不必要的錯誤。一些設計項目也可能包含文化或政治角度,這些價值觀可能需要成為設計的一個明確部分。 5. “貴公司的優勢是什么?” 通過了解客戶的優勢,有利于突出客戶獨特的賣點。你還可以通過這些信息來激發總體的設計思想。 6. “你的主要競爭對手是誰?” 了解客戶的主要競爭對手,可以幫助你了解客戶所在的行業。你會發現一些行業反復出現的元素和策略可能對你的設計項目有效,并有機會使其脫穎而出。 7. “你是否喜歡你們之前的品牌?” 請客戶提供之前的行銷材料,確保你的設計與他們現有的行銷材料相一致。如果客戶有過去的設計樣本,你可以從中提取有效內容用于設計,尤其是當接到重塑品牌的設計項目時。 三、定義受眾設計前一定要了解客戶的受眾群體,從人口統計學(年齡、性別、民族等)和心理統計學(個性)兩方面了解受眾特征。
8. “你的目標受眾是誰?” 從心理統計學開始分析,請客戶準確地描述他們的理想受眾,包括他們會做什么,他們怎么做,他們喜歡什么等等。當你設計的時候,可以根據目標受眾的特征使用一些元素來引起他們的思維共鳴。 9. “受眾是女性、男性還是中性?” 某些品牌可能會利用傳統的性別期望來吸引特定的受眾,你需要了解客戶目標受眾的性別。如果客戶告訴你,他們受眾在性別上涉及比較廣泛;那么你可以在設計中加入更多的中性元素。 10. “產品針對的是哪個年齡段?” 在設計中你應該知道,不同的年齡段對不同的事物有不同的期待和反應。根據受眾的年齡段,你需要考慮如使用顏色、形狀、排版和風格才能更符合他們的胃口。以及應用這些元素是會產生共鳴還是會失敗? 11. “你的受眾在文化上有什么顧慮嗎?” 某些設計元素在其他文化中可能是不合適的或不被認可的。通過提出這個問題可以避免踩雷,幫助你確保設計中的元素能被受眾群體所接受。 四、設定預期有些客戶傾向于關注他們的需求,而忘記了產品的細節。如果你聽客戶說過類似這樣的話,“我想要一個獨特的、吸引用戶的設計,來展示我的產品有多酷,這樣我就可以增加銷量了。”你就能完全明白我這句話的意思。
因此,設計之前需要通過問客戶一些問題來設定他們的期望。你可以贊揚或“認可”客戶的想法,也可以委婉地告訴他們這個計劃行不通。(例如“抱歉,我認為我們不能把所有200名客人的名字都放在你們的請柬設計上?!? 12. “你想要什么樣的風格?” 通過假設客戶可能是設計專家來確定他們在設計美學方面的品味。但你不能這樣去問他們,“你想要包括等距插圖或一些不對稱的布局嗎?” 過于專業和生硬的問題可能讓人費解。 你可以問得通俗一點,“你想要一個穩重、干凈的產品外觀,還是更具挑戰性和動態性的產品外觀?” 這個問題將幫助你盡快確認產品風格。 13. “你的設計需要哪些必備元素?” 確認你的客戶是否有怪癖或獨特的要求。詢問這個問題可以確保不會忽略任何對設計至關重要的文本、圖像或主題。(PS:我之前有一個在時尚界工作的客戶,他就希望在設計中看到一些閃閃發光的東西。) 五、了解更多細節通常情況下,客戶會將你的設計以印刷或數字影像的形式用于營銷活動、在線廣告、博客、出版等。因此,了解更多關于最終產品的細節信息,可以幫助指導你的設計。
14. “你會在哪里使用這個設計?” 請客戶告訴你成品的規格、位置和尺寸;并咨詢客戶將在哪里使用這個設計。了解這些信息后,對于打印或數字化,手持或大比例尺寸應用應該如何設計,你將會有不同的設計考慮因素。 15. “你將如何分配或使用產品?” 對于印刷設計,通過咨詢印刷規范來幫助你設計。根據生產技術,你可能需要限制你的顏色,或者也有可能需要在設計中添加更多的圖層。如果是數字化設計,你將需要準備另外一種設計標準。 六、確認合作模式為了合作的順利進行,一般需要先跟客戶溝通,了解他們希望如何合作。你也有機會表達你能為客戶做什么,不能做什么。最后,根據雙方的意見,設置合作模式。
16. “你更喜歡怎樣溝通?” 有些客戶更喜歡不斷地收到更新信息,而有些客戶則會給你時間“做自己的事”。“了解你們客戶喜歡的工作交流方式,將有助于你更專注于你的工作或預見干擾。通過這種方式,你可以安排設計任務并準備更新信息提供給客戶。 17. “你愿意在這個項目上花多少錢?” 咨詢客戶的預算,同時也讓客戶清楚你的基本收費是多少。如果每一次修訂都需要另外收費,無論是按小時計算還是按修訂輪次收費,請給出收費標準。這樣可以避免最后結算時,產生不避免的糾紛。 18. “你想如何進行設計反饋?” 根據這個問題來確定你更新設計版本和向客戶反饋的頻率。有些客戶喜歡和設計師來來回回地交流,也有些客戶喜歡采取不干涉的方式。咨詢并考慮好反饋方式,可以幫助你避免浪費時間和精力。 19. “你需要什么文件和格式?” 這個問題讓客戶清楚地知道他們可以接收和處理的文件。再者,這也有助于你預測可以使用什么類型的設計資源(如字體和圖像)。 20.“這個設計需要什么時間交付?” 這個問題有助于確定你是否有足夠的時間來完成設計和其他任務。記得給自己預留一些修改的時間,因為設計中可能會遇到一些突發情況。 偉大的設計始于小小的問題請記住,客戶需要的不只是有吸引力的設計。他們還希望有專業的建議、耐心和理解,外加一點關心和認可。通過咨詢客戶正確的問題,建立共同點,了解他們的需求,你就可以更好地做出令客戶滿意的設計,提供對方一個愉快的合作體驗,并可能在未來獲得再次合作的機會。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。 ![]()
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
|
ui設計是一個高薪且行業前景非常好的工作,所以很多人都想要從事ui設計行業,但是其實大家對于ui設計的工作并不了解,下面我們跟隨小編一起來了解一下ui設計流程的相關資料吧。
ui設計流程
一、確認目標用戶
在UI設計過程中,需求設計角色會確定軟件的目標用戶,獲取最終用戶和直接用戶的需求。用戶交互要考慮到目標用戶的不同引起的交互設計重點的不同。不同類型的目標用戶有不同的交互習慣。這種習慣的交互方式往往來源于其原有的針對現實的交互流程、已有軟件工具的交互流程。當然還要在此基礎上通過調研分析找到用戶希望達到的交互效果,并且以流程確認下來。
二、需求對接
確定需求之后,產品經理會做具體的說明,讓交互、UI、開發、測試明確產品需求,明確項目的具體細節。這個階段里面是最關鍵的,涉及到需求與產品的對接。PRD文檔和線框原型圖一般情況都是在這個環節內明確的。這里面需要注意的是:PRD文檔,線框原型圖出來了之后,設計師才開工,不然也是反復修改。
(圖片來自網絡)
三、提設計組內部會議、界面風格確定
這個時候需要確定一個設計負責人。設計負責人會給同事做具體的工作安排,線框圖標、版式設計等都有具體的分配。后面就開始出稿,稿子出了之后,需要確定哪個UI設計風格的效果更好。
判定結果的標準還是客戶的需求。重要的事情說三遍:需求、需求、需求!
四、一致性原則
分工已經明確,進行具體設計工作,進行UI設計的過程中要達到以下幾個一致性原則:設計目標一致、元素外觀一致、交互行為一致。
(圖片來自網絡)
五、可用性原則
接下來就是標注圖、效果圖、切圖的制作,這個步驟,產品經理會進行把關。
可理解:軟件要為用戶使用,用戶必須可以理解軟件各元素對應的功能。
可達到:用戶是交互的中心,交互元素對應用戶需要的功能。因此交互元素必須可以被用戶控制。
可控制:軟件的交互流程,用戶可以控制。功能的執行流程,用戶可以控制。
六、開發完成,進行最后的測試
測試工程師會對開發出來的產品進行測試,看看有沒有疏漏,有沒有錯誤,當測試和調試完成,上線,就完成了整個開發的流程。
以上就是小編為你整理的ui設計流程的相關資料,相信一定可以幫助你在做UI設計的時候更合理的分配時間,讓你更高效的完成工作哦!
文章來源:FACEUI
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
UI設計中怎么做用戶需求分析?這個問題,我們可以這樣理解,在做產品時其實跟談戀愛很像,你要有一個準確的定位這是產品設計的方向,也是需求文檔和設計產出的判斷標準。
此外,產品定位也使團隊成員形成統一的目標和對產品的認識,提高團隊的凝聚力和工作效率,可以這么說,產品定位是需求中的需求。用戶的需求:一定要對用戶和他的需求了如指掌,才可以做出他們喜歡的產品。
1. 用戶目標
這里有一些我們要試著回答的問題.這些問題幫助我們理清自己的思路,根據這個思路我們會得到一些答案,這些答案會讓我們知道有什么需要填補的知識空白?這些都會指導設計過程中每一個細節
2. 我們的設想
我們自己或者我們的團隊首先會有一個自己的目標與事先這一目標的設想,這些是我們相信我們已經知道的。我們團隊的設想是什么?我們是怎么理解我們的用戶的?包括他們的行為和對他們需求的潛在解決方案。
3. 具體方法
這些方法告訴我們怎樣去填補知識空白。基于有限時間和有限的用戶,我們該選擇什么方法?
一旦你回答了上面的問題,整理一份單頁研究計劃給你的領導,你可以從選擇的調研方法中開始收集你需要的知識:
4. 開始動手
通過我們已選擇的方法收集數據。
5. 綜合起來
解決我們用研的問題,證實或推翻我們的假設。解釋我們收集到的數據來發現存在哪些設計可以努力的機會和深藏的點
UI設計中怎么做用戶需求分析?遵循5W1H原則,5個“W”(WHAT、WHEN等等)和1個“H”(HOW)開頭的結構的問句,類似于一個記者寫一篇新聞報道時需要回答的一些問題:
誰?(WHO)
誰是你的目標用戶,他們的喜好是什么,年齡層次,職業,文化教育水平
什么?(WHAT)
你用戶會做什么,在你的網站、應用和產品里他們用來完成什么養的任務,他們的用戶目標是什么?。
何時?(WHEN)
用戶可能使用特定產品或技術的時間點,以及一些需要探索的日常規律和行為習慣。
哪里?(WHERE)
用戶的使用場景——用戶執行特定任務或者使用關鍵技術的實際地點——分三類,1:常用場景,2極端場景 3:潛在場景
為什么(WHY)
問題幫助你理解用戶的所作所為的潛在的情感和理智驅動因素,以及這么做的根本原因。
如何?(HOW)
問題幫助你了解用戶執行任務或達到目標所采取的一些措施的細節點。
當你有一系列好的設定問題后,你可以優先考慮和集中最重要的問題,把他們轉換為調研目標。注意!調研目標并不是問句。相反,它們是一些簡單的陳述句。有2點需要注意下不要超越你的目標,一定做好記錄。
1:實景觀察法
你花時間到用戶生活和工作的地方去,能幫助你建立一個關于他們居住環境和潛在未滿足需求的基本理解。
2:紙質原型
這個領域的方法包括日常研究,卡片分類,紙面原型和其他一些參與式的設計活動。一旦我很好的理解了我的用戶的專業知識和信仰,我就可以開始深層次探究迎合他們需求的內容,功能和產品。這些可以在與研究參與者密切合作中產生潛在設計解決方法時完成,當然也可以在設計設想初期接受他們的真實反饋。
開始動手
當調查結果跟你原來的設想有差異時,不要試圖改變用戶想法,而是站在中立態度上試著詢問原因,了解這是否是用戶的真實想法。
針對調研的問題,進行解決方案設計(此時你最初的設想會大面積瓦解)
需求來源可以大致已經搜集完了,其中產品數據、用研是從產品側提出,更有老大(老板)敏銳的眼光則是“人為”思考的結果。
通過不同渠道收集到一堆需求之后,不可能全部都能做,需要按照一定規則和流程,篩選出來最有價值的需求,將有限的投入產出最大化。
UI設計中怎么做用戶需求分析?這里有個方法就是“關鍵詞檢索”,無論是功能方面的,用戶屬性方面,場景方面,找出簡短的詞或者語句表現出來,能想到的全部寫在便簽條上不要限制自己的思維,貼在黑板上,之后對便簽條上的內容進行分類整合,然后篩選出大家公認最應該留下的。
除了后來的用研資料,你一開始的設想如果同隊對用戶的反饋后大致吻合也寫到上面,不吻合的就果斷推翻掉,一定要了解用戶最真實的需求,了解用戶目標,了解用戶的使用場景,了解用戶的使用習慣,這些資料就為我們要設計的產品定位提供了一半的依據。
今天給大家簡單的介紹了UI設計中怎么做用戶需求分析的內容,和一些比較實用的用戶需求分析方法,了解工作項目中了解用戶的需求是非常重要的。只有了解他們內心的真實想法才能讓你的事情做的更漂亮,得到認可。
文章來源:知乎
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
一般調用axios接口都是這樣的格式。
this.$axios.post('api/xxxx/xxxxx', this.$qs.stringify({ username: 'qwerqw', password: '123456' })).then(res => { ... ... }).catch(error => { ... ... })
這樣的格式要想獲取到返回值的話,就要將代碼都寫在then
中,閱讀代碼的時候不是很清晰。于是網上各種搜,最后覺得這種方法能解決我的強迫癥。
login: async function() { // result的值就是res.data let result = await new Promise((resolve,reject) => { this.$axios.post('api/xxxx/xxxxx', this.$qs.stringify({ username: 'qwerqw', password: '123456' })).then(res => { resolve(res.data) }).catch(error => { console.log(error) }) }) ... ... }
按照這種方式去獲取到后端的返回值,就可以將剩下的邏輯放在axios請求外面了。
我的理解是,axios是一種異步請求方法,需要用await關鍵詞修飾,等到獲取到返回值后再執行后面的代碼。在使用await時,需要再function前添加async關鍵詞。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。
文章來源:csdn 作者:灰羊駝
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
藍藍設計的小編 http://www.syprn.cn