問答界面設(shè)計 問答界面設(shè)計理念
一、excel界面設(shè)計?
1、首先打開excel表格,點擊表格工具欄中的“頁面布局”,并將“紙張方向”選擇為“橫向”顯示。
2、然后再將需要設(shè)置列寬的單元格全部選中,可以使用“Ctrl+A”進行全選操作。
3、選中單元格后點擊工具欄中的“行和列”,在打開的下拉菜單中點擊“列寬”。
4、即可打開列寬設(shè)置的對話框,將列寬根據(jù)需要設(shè)置為合適的字符寬度,點擊確定按鈕。
5、即可將表格中的單元格列寬設(shè)置為比較窄的樣式,在打印時即可放下需要的內(nèi)容
二、vba窗口界面設(shè)計?
方法/步驟如下
1
大概我們的編程界面,現(xiàn)在我們的表格點擊插入用戶窗體,在界面上就出現(xiàn)了一個窗體的形狀。
2
然后我們在工具箱中的控件中找到框架。插入一個框架,可以給框架修改顯示名稱,然后在他的內(nèi)部插入三個列表框。
3
調(diào)整列表框的大小之后,我們可以開始進行程序編輯,雙擊我們的窗體,在出現(xiàn)的對話框中,定義一個字典,將數(shù)組中的內(nèi)容賦值到字典中。
4
然后雙擊我們的第一個列表框,給第一個列表框陷入程序,要求當(dāng)我們選擇第一個列表框中的某個選項,之后在第二個列表框中顯示它的下一級內(nèi)容。
5
同樣的方法,我們選中第二個列表框,雙擊進入編程界面,要求當(dāng)他選中中間的一個內(nèi)容之后,第三個列表框中顯示相應(yīng)的下一級內(nèi)容。
6
這樣完成之后,我們就可以選擇運行按鈕,然后可以看到相關(guān)的每一級操作都會在窗體界面上顯示出來。這就是一個簡單的顯示界面??梢詫崿F(xiàn)多級用戶交互。
三、界面設(shè)計是什么?
界面設(shè)計就是可視化的用戶界面設(shè)計(user interface design),包括但不限于平面廣告設(shè)計、手繪場景/圖標類設(shè)計、PC端網(wǎng)頁設(shè)計及制作、移動端網(wǎng)頁/APP的每一頁頁面設(shè)計。
四、app界面設(shè)計流程?
UI設(shè)計app界面的設(shè)計流程從收集設(shè)計需求開始,其次確定app的設(shè)計風(fēng)格,再次設(shè)計功能圖標,進而優(yōu)化整體界面的效果,然后設(shè)計稿切圖,最后和開發(fā)工程師對接即可。
一、收集設(shè)計需求 在開發(fā)APP之前先收集用戶所需要的設(shè)計需求,只有確認了用戶的需求才能夠更好地開發(fā)和設(shè)計APP。
二、確定APP的風(fēng)格 在確定風(fēng)格的時候還是以用戶的需求為主去確定,不然構(gòu)思的再好也沒什么用。比如用戶需要一款音樂類APP,那么界面就要符合關(guān)于音樂的類型,也沒必要弄得復(fù)雜;又或者是圖片類APP,風(fēng)格就要以能夠吸引人的眼球為主了,等等……。
三、功能圖標設(shè)計 它是具體功能的具象圖形,能夠讓人一眼看到這個圖形就知道代表什么功能,也要與APP的風(fēng)格相結(jié)合。
四、整體界面效果優(yōu)化 按照應(yīng)用的風(fēng)格選取符合APP的圖片,能夠使得APP界面整體流暢好看。
五、設(shè)計稿切圖 設(shè)計稿就是能夠看到界面是什么樣子的,然后能夠讓開發(fā)人員進行切圖使用,每個功能模塊不論距離還是顏色都很清楚明白。
六、與開發(fā)工程師對接 APP的UI設(shè)計師也只是負責(zé)把移動APP的各個頁面界面進行設(shè)計,所有的具體功能要實現(xiàn)還是開發(fā)人員去完成的,UI設(shè)計師與開發(fā)人員相互溝通去進行具體界面的實現(xiàn)。
五、ui界面設(shè)計尺寸?
(一)界面尺寸規(guī)范
1、界面尺寸大小是:750x1334px。
2、狀態(tài)欄(status bar):就是電量條,其高度為:40px。
3、導(dǎo)航欄(navigation):就是頂部條,其高度為:88px。
4、主菜單欄(submenu,tab):就是標簽欄,底部條,其高度為:98px。
5、內(nèi)容區(qū)域(content):就是屏幕中間的區(qū)域,其高度為:1334px-40px-88px-98px=1108px。
(二)圖標尺寸規(guī)范
1、導(dǎo)航欄和工具欄尺寸大小44x44px。
2、標簽欄尺寸大小75x75px。
3、導(dǎo)航欄的文字大小最大值是34-36px,標簽欄的圖標下方的文字大小為20px。
4、內(nèi)容區(qū)域的文字大小是:20px 24px,26px,28px,30px,32px,34px。
5、設(shè)置界面的圖標高度和開關(guān)滑動按鈕的高度:58px
(三)可點擊高度規(guī)范
統(tǒng)一成88px。88px是一個常用的設(shè)計尺寸。
(四)搜索欄高度規(guī)范
搜索欄的高度,統(tǒng)一成58px。
?。ㄎ澹┙缑嬖刂g的距離規(guī)范
界面元素之間的常用距離,親密距離:20px;疏遠距離:30p x。
A、疏遠距離:比如,所有元素距離手機屏幕最左邊的距離。
B、親密距離:比如,左邊圖標與右邊文字之間的距離。
5.5英寸屏幕,1242x2208px-@3x的像素分辨率,邏輯分辨率是414x981px-@1x。物理尺寸是1080x1920px。這個物理尺寸,也是目前最流行的大屏設(shè)計稿尺寸。
六、ui交互界面設(shè)計書籍?
每個國家和民族,都有自己的味道。《呂氏春秋?本味》提到“調(diào)和之事,必以甘、酸、苦、辛、咸”,現(xiàn)代人對味覺的總結(jié)已經(jīng)遠遠超過這五種,選取其中的10種味道,對應(yīng)10本設(shè)計原則書籍。
辣,Book#01《簡單法則》
香,Book#02《通用設(shè)計法則》
咸,Book#03《秩序之美》
酸,Book#04《認知心理學(xué)》
甜,Book#05《贏在用戶》
色,Book#06《信息可視化》與《圖解力》
麻,Book07《微交互》
苦,Book#08《Landing Page優(yōu)化權(quán)威指南》
臭,Book#09《設(shè)計敗道》
鮮,Book#10《用戶體驗與可用性測試
七、用戶界面設(shè)計包括哪些?
用戶界面是人與機之間交流、溝通的層面。從深度上分為兩個層次:感覺的和情感的。感覺層次指人和機器之間的視覺、觸覺、聽覺層面;情感層次指人和機器之間由于溝通所達成的融洽關(guān)系??傊脩艚缑嬖O(shè)計是以人為中心,使產(chǎn)品達到簡單使用和愉悅使用的設(shè)計。
界面設(shè)計從流程上分為結(jié)構(gòu)設(shè)計、交互設(shè)計和視覺設(shè)計三部分。
隨著產(chǎn)品屏幕操作的不斷普及,用戶界面已經(jīng)融入我們的日常生活。一個良好設(shè)計的用戶界面,可以大大提高工作效率,使用戶從中獲得樂趣,減少由于界面問題而造成用戶的咨詢與投訴,減輕客戶服務(wù)的壓力,減少售后服務(wù)的成本。因此,用戶界面設(shè)計對于任何產(chǎn)品/服務(wù)都極其重要。
在國外,用戶界面設(shè)計人員有了一個新的稱謂:Information Architecture,信息建筑師。它不僅僅是指美工,而是具有心理學(xué)、軟件工程學(xué)、設(shè)計學(xué)等綜合知識的人。
好的用戶界面應(yīng)該集 “實用、易用、美觀” 于一體。如果軟件的功能不實用,不能為用戶解決問題,那么不管這個軟件是否易用和美觀,用戶都不會使用這個軟件,除非用戶沒有選擇余地。如果兩個軟件的功能和價格都差不多,那么易用性就成為用戶選擇的第一標準。哪款軟件更好操作,效率更高,用戶就會選擇哪款軟件。如果兩個軟件的功能、價格、易用性都差不多,那么用戶一定會選擇更加美觀的那款軟件。
不良反應(yīng)不好的用戶界面主要有以下一些表現(xiàn):
界面操作步驟繁瑣,界面布局混亂,缺乏邏輯,盲目堆放界面元素,讓用戶不知如何下手。
界面措辭不專業(yè),含糊不清,如消息框出現(xiàn)文不對題的語病。
沒有防錯處理,對用戶輸入的信息沒有校驗;執(zhí)行破壞性的操作之前,不提醒用戶確認等等。
不提供進度條、動畫來反映正在進行的進程,對于重要的操作也不返回結(jié)果。
界面缺乏美觀和個性,甚至出現(xiàn)界面風(fēng)格不一致的情況。
八、APP界面設(shè)計的原則?
界面布局的簡潔
簡潔的設(shè)計理念在手機軟件界面的設(shè)計中尤為重要。簡潔有度的排版布局設(shè)計能為用戶思想的融入留出空間,有效提高人機交互的效率。當(dāng)下是一個大規(guī)模生產(chǎn)以及信息過剩的時代,處在激烈競爭、事物繁忙狀態(tài)中的人們,生活步調(diào)在不停地加快,根本無暇顧及過多的裝飾細節(jié)。簡潔干凈的設(shè)計,不僅可以留給人們片刻的清新與安寧,而且可以有效地幫助用戶集中精力完成正在著手的工作。
文章圖片3
手機界面排版布局的簡潔可以從屏幕顯示量精練、顯示一致性和即看即所得這三個角度來體現(xiàn)。
首先來看屏幕顯示量的適度精練,它是指適度地安排手機軟件界面中的各要素例如選項標識等,既不能過于擁擠,亦不可過于稀疏??茖W(xué)證明,屏幕總體覆蓋率不應(yīng)該超過40%,而分組覆蓋度不應(yīng)超過62%,否則就容易造成用戶的不安和心理負擔(dān)。信息過度會使用戶有目不暇接的繁雜感,手機界面本來就有面積小的特征,如果顯示項目過多真的會使使用者不愿意繼續(xù)操作下去。而稀疏和空洞的屏幕覆蓋率又會分散注意力,使用戶打不起精神。所以手機軟件界面的顯示項目數(shù)量要適度,依據(jù)科學(xué)行事。
文章圖片4
再來說顯示的一致性,在手機軟件界面中它一方面是指設(shè)計語言在表達上的一致性,例如圖標、色調(diào),布局、文字字體及大小,表達術(shù)語等的統(tǒng)一性;另一方面是指手機界面在任務(wù)信息的表達、界面控制等方面與用戶熟悉的理解模式相一致。一致性本來就是設(shè)計簡潔的表現(xiàn),它是設(shè)計師最大限度利用資源的手段。要求設(shè)計盡可能達到簡約的同時,設(shè)計師不可以以犧牲準確性為代價,因為這樣會使用戶的理解產(chǎn)生歧義,增添不必要的麻煩。
文章圖片5
即看即所得要求在設(shè)計手機軟件界面時設(shè)計師要把所設(shè)計內(nèi)容清晰地外化出來,保證用戶隨時都清楚什么是可行的操作,應(yīng)該怎樣繼續(xù),在使用者意圖和操作之間建立自然的匹配以達到美的人機交互體驗的目的。這些都考驗了設(shè)計師的把控能力。因此即看即所得是手機排版布局得以簡潔的更深層的可行性支持。
文章圖片6
利用最佳視域設(shè)計符合邏輯的界面布局
在手機軟件界面設(shè)計中,視覺注意十分重要,是人們與手機進行交互的起點,只有先在視覺上引起人們的注意,信息才能成功地傳達。在我們觀察事物的時候,總有信息會被我們接收,也總有信息會被我們忽略,這是選擇注意的表現(xiàn)。人的注意力是有限的,它與意識的強弱程度有著很密切的關(guān)系,當(dāng)外界信息超出了我們能處理的范圍時,我們就會把注意力集中在與目的相關(guān)的信息上,或者是引起我們興趣、愛好的事物上。當(dāng)下,要想引起人們的注意,產(chǎn)品一定要在視覺和功能上能夠體現(xiàn)用戶具體的目標核心價值觀,只有這樣才能吸引人們的注意力。
文章圖片7
手機軟件界面的合理布局有法可依――最佳視域。視域指的是人們能看得見的區(qū)域,這個區(qū)域包括了從一個駐足點上所能看到的一切。“形式的接受是一種新的心理格式塔的形成過程。格式塔不單是指圖形樣式,重要是指組織整體?!避浖缑嬖O(shè)計的邏輯性可以幫助這種心理格式塔的快速形成和建立。人因工程學(xué)證明,人在頭部靜止且眼睛正?;顒訝顟B(tài)下,水平方向的左25度為最佳視域;垂直方向則是0度到下30度為最佳視域。
文章圖片8
人們的眼睛習(xí)慣從左到右,由上至下地掃視,適應(yīng)順時針方向的搜索,在偏離中間位置相同距離的視域范圍中,眼睛的觀察效率在屏幕各象限中按照左上,右上,左下、右下的順序遞減。因此,在手機軟件界面設(shè)計中重要的信息應(yīng)該落在人們的最佳視域范圍內(nèi),并且在設(shè)計中利用信息板塊之間良好邏輯關(guān)系對視覺要素位置進行合理布局,保證使用者對手機信息有高效的視覺認讀效率。
文章圖片9
界面的美感的整合(視覺平衡)
人類的情感、情緒和認知是一個相互補充和相互形象的有機體,設(shè)計美觀的物品使人情緒良好,這種感覺反過來可以激發(fā)他們更具創(chuàng)造性地思考,這對用有機界面的易用性起到了很大的作用,研究表明愉快的人較善于發(fā)現(xiàn)解決問題的其他方法,因此能夠容忍較小的難度。極具美感的設(shè)計能夠使用戶與產(chǎn)品間的互動進入一個良性循環(huán)中。
文章圖片10
正因如此,當(dāng)我們滿足了手機軟件的實用性和科學(xué)性時,美感就是我們?yōu)闈M足用戶需求的重要考慮的內(nèi)容了。我們前面提到過美感的經(jīng)驗是多維度的,在追求美的過程中人們都希望自己的五感都能得到滿足。在手機界面設(shè)計中,我們現(xiàn)在的科技只能達到視、聽、觸三感的滿足。我們的可視界面是滿足視覺美感的重要途徑,要得到足夠的重視。掌控手機軟件界面的美感應(yīng)從整體入手,對各個界面布局中的視覺元素進行合理搭配以達到視覺上整體的平衡與和諧。
文章圖片11
我們必須謹慎入微地考慮設(shè)計中色彩、質(zhì)地、圖像造型和整體版面的設(shè)計,讓各要素充分擔(dān)當(dāng)視覺傳達為它們指定表現(xiàn)的責(zé)任內(nèi)容,為用戶提供更加愉悅的操作環(huán)境與心境,提高它們對手機視覺界面的整體印象和使用興趣。我們知道色彩的明暗與純度,形狀的長寬高矮,肌理平滑與粗糙都會在我們視覺中產(chǎn)生力的作用,對觀看者有著明顯心理影響。
文章圖片12
版面布局的平衡感對界面整體形象十分關(guān)鍵,正所謂毫厘之差,微妙所在,絕對不能因為視覺形式反差的大小影響用戶感官的舒適程度。我們可以通過適度把握文本與空白的顯示比例、圖形樣式的繁簡度、背景色彩與軟件主體圖標的明暗對比等控制視知覺中力的平衡。這樣就能夠使手機軟件界面
九、app界面設(shè)計的趨勢?
善心悅目的動效已然成為一個app的必備,作為設(shè)計師自然要跟隨趨勢學(xué)習(xí)。良好的動效可以給用戶帶來好的視覺享受,并能激發(fā)用戶進一步操作。
dong-xiao-banner
APP中的動效可以劃分為兩類,一類是轉(zhuǎn)場動效,應(yīng)用在頁面的切換,加載等,這類動效可以柔和頁面的過度效果,增加切換、加載、等待過程的趣味性。另一類是反饋提醒,通過界面內(nèi)元素的動效,增強用戶的交互感知或引導(dǎo)用戶完成任務(wù)。
01-app-dong-xiao
動效充滿了設(shè)計師體驗的想象,作為一個設(shè)計師,不管你的逼格下限在哪里,一個有趣有愛充滿個性的進度條都是你設(shè)計生涯中不能拒絕的愛。那么設(shè)計師什么時候需要做一個動效設(shè)計呢?
1、等待都需要一個有意義的動效。面對等待,我們總是缺少耐心。充滿個性,有趣的動效可以讓用戶對你的設(shè)計對上一份喜愛:至少這個設(shè)計還不錯。
02-app-dong-xiao
2、如果你希望用戶點擊這個地方,請給它一個動效。
03-app-dong-xiao
3.如果你希望你的點擊效果不一樣,請給它一個動效
04-app-dong-xiao
下面則是一些常見的動效設(shè)計方法,當(dāng)我們在合適的條件下,自然要考慮從這些方法入手,為我們的設(shè)計增加一絲動感。
一、將元素替換為個性化內(nèi)容
傳統(tǒng)的等待或加載動畫人們已經(jīng)熟悉,想讓人眼前一亮,改頭換面是必須的。如谷歌用了自己的顏色,去哪兒用了自己的logo等,這些都是可以在個性化動效的同時凸顯產(chǎn)品品牌,不失為一個很好的選擇。
05-app-dong-xiao
二、更換產(chǎn)品的運動方式
除了旋轉(zhuǎn)運動之外,我們還可以運用重復(fù),構(gòu)建,變形,擬物、人的動作(翻書)等,只要是和產(chǎn)品定位相符的元素,我們都能給它創(chuàng)意一個獨特的運動方式。
06-app-dong-xiao
重復(fù)運動
07-app-dong-xiao
構(gòu)建
三、賦予組件明顯的交互反饋
冷冰冰的點擊和出現(xiàn)往往不能吸引用戶的注意力,所以,當(dāng)我們需要加強某些元素來引導(dǎo)用戶的時候可以給這些元素加上適當(dāng)?shù)某霈F(xiàn)效果,如漸隱漸顯,位移,放大縮小,光暈,分布等效果,會起到很好的引導(dǎo)效果。
08-app-dong-xiao
09-app-dong-xiao
10-app-dong-xiao
動效設(shè)計可以的精妙之處在于瞬間獲得的體驗,通過瞬間的可見變化豐富了人們在使用app時的感覺,不再陌生,不再冰冷,不再無趣等等。動效設(shè)計在賦予了元素動的同時,我認為還要符合人們的認知,并不是所有的動都能讓人愉悅,既要滿足產(chǎn)品的需求,還要能匹配人們的當(dāng)時的場景訴求。希望大家在今后的設(shè)計中都能有高水平的動效設(shè)計。
十、為什么選界面設(shè)計?
1.簡易性 界面的簡潔是要讓用戶便于使用、便于了解、并能減少用戶發(fā)生錯誤選擇的可能性。
2.用戶語言 界面中要使用能反應(yīng)用戶本身的語言,而不是游戲設(shè)計者的語言。
3.記憶負擔(dān)最小化 人腦不是電腦,在設(shè)計界面時必須要考慮人類大腦處理信息的限度。
人類的短期記憶極不穩(wěn)定、有限,24小時內(nèi)存在25%的遺忘率。所以對用戶來說,瀏覽信息要比記憶更容易。
4.一致性 是每一個優(yōu)秀界面都具備的特點。界面的結(jié)構(gòu)必須清晰且一致,風(fēng)格必須與游戲內(nèi)容相一致。
5.清楚 在視覺效果上便于理解和使用。
6.用戶的熟悉程度 用戶可通過已掌握的知識來使用界面,但不應(yīng)超出一般常識。
7.從用戶的觀點考慮 想用戶所想,做用戶所做。
用戶總是按照他們自己的方法理解和使用。 通過比較兩個不同世界(真實與虛擬)的事物,完成更好的設(shè)計。如:書籍對比竹簡。
8.排列 一個有序的界面能讓用戶輕松的使用。
9.安全性 用戶能自由的作出選擇,且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統(tǒng)的提示。
10.靈活性 簡單來說就是要讓用戶方便的使用,但不同于上述。即互動多重性,不局限于單一的工具(包括鼠標、鍵盤或手柄)。 11.人性化 高效率和用戶滿意度是人性化的體現(xiàn)。應(yīng)具備專家級和初級玩家系統(tǒng),即用戶可依據(jù)自己的習(xí)慣定制界面
本網(wǎng)站文章僅供交流學(xué)習(xí) ,不作為商用, 版權(quán)歸屬原作者,部分文章推送時未能及時與原作者取得聯(lián)系,若來源標注錯誤或侵犯到您的權(quán)益煩請告知,我們將立即刪除.