第一篇:在版式設(shè)計中一圖多用的處理技巧
PS一起努力吧綜合群:194601789
YY頻道:32015180
學習論壇:www.tmdps.cn
在版式設(shè)計中一圖多用的處理技巧
在版面設(shè)計過程中,你可能會有很多地方都需要用到圖片,也許你花費比設(shè)計創(chuàng)作需要的多得多的時間來尋找圖片,有沒有簡單的方法呢?在下面,我們用兩個實例來說明如何解決這個問題,我們只用一張圖片,通過分割剪切,就可以將這張圖片用在不同的地方,出來的效果同樣非常漂亮。一張圖片解決一個版面甚至多個版面,其實也是足夠的!要將你買回來的圖片物盡其用,通過有創(chuàng)意的做法從原圖中得到幾個小圖,來配合你的版面設(shè)計。
這是我們要利用的原圖
在版面設(shè)計中,就變成這樣
PS一起努力吧綜合群:194601789
YY頻道:32015180
學習論壇:www.tmdps.cn
你有注意到其實在大圖中隱藏著一些小圖片嗎?所以我們可以大膽嘗試,將一張照片剪切成多張小照片。而且,由于這些小圖片都是來自同一張大圖片,所以它們的色調(diào)及圖案都顯得非常統(tǒng)一,這使你的設(shè)計輕而易舉就可以獲得協(xié)調(diào)的效果。
其中的關(guān)鍵就是你要選擇好到底要哪部分。我們可以想象一下我們是在跟別人講一個故事。一張從大圖片出來的小圖片其實有著一種全新的意義,這個過程本身就很有趣。將圖中各個不同的部分分離,然后看一下我們到底有什么信息可以傳達給別人。
當我們一眼望去這張海灘的圖片時,我們是將它看成一個整體的,或多或少會對其中的細節(jié)置若罔聞。但如果我們將各部分分離,我們會發(fā)覺,其實每一部分都隱藏著一個“故事”,都有著各自的重點。
如上圖右下角小圖中,我們就會想,海岸線到底有多長?這張圖片雖然顯得有點小,但因為它里面包括了陸地與大海,所以這張圖片可以使它與另外兩張我們截取的圖片形成統(tǒng)一。
PS一起努力吧綜合群:194601789
YY頻道:32015180
學習論壇:www.tmdps.cn
一幅人間天堂式的風景,它是駛離陸地還是準備靠岸?如果我們沒有看原圖,我們無從判斷。
舊的總比新的更有性格。我們選擇這艘破舊的小船,讓你不禁在想,這艘小船見證了多少的風雨?當我們從大圖中截取讓它變成一幅單獨的圖片時,這艘小船顯得孤伶伶的,它以前的主人是誰?它現(xiàn)在為什么會停在這里?旁邊的那些腳印又是誰留下的?
PS一起努力吧綜合群:194601789
YY頻道:32015180
學習論壇:www.tmdps.cn
我們只截取小船的船頭部分,這部分只占原來的大圖很小的位置,還不到十分之一。但我們卻將它作為版面的大圖,這樣,它給人的尺寸感覺就完全改變了,現(xiàn)在,它成為了一個有趣的視覺焦點。上圖中,三張圖片的尺寸都不一樣,右邊的特別大,左下的圖片特別小,這種不同尺寸的圖片可以讓我們的整個版面產(chǎn)生層次感。而讀者的眼睛就會從右的到左(上圖下的線條表示了讀者在觀看時的視覺線路)。
采用上面的這種方法,我們還可以創(chuàng)造出另外一種完全不同視覺效果的設(shè)計。
PS一起努力吧綜合群:194601789
YY頻道:32015180
學習論壇:www.tmdps.cn
下面這個網(wǎng)頁上的所有圖片其實都是來自于上面這張椅子的照片。
PS一起努力吧綜合群:194601789
YY頻道:32015180
學習論壇:www.tmdps.cn
如果你仔細觀察一下那張椅子的照片,你就會發(fā)現(xiàn)其實這張普通的椅子包含了各種各樣的線條、圖案、顏色、孤線及轉(zhuǎn)角位,它們充滿著對比(如淺色及深色,直角與圓角)。
在整個版面中分為上下兩部分,它們各自所形成的視覺效果并不一樣。上面部分顯得開闊平靜,而下面部分則顯得飽滿充實。
PS一起努力吧綜合群:194601789
YY頻道:32015180
學習論壇:www.tmdps.cn
這個版面的上下兩部分的構(gòu)圖差別非常大。我們只利用一張圖片就可以使整個版面充滿視覺對比,包括不同的尺寸、材料、圖案、形狀及方向的對比。
上面的開闊設(shè)計使到眼睛很容易就集中在那張椅子上。
PS一起努力吧綜合群:194601789
YY頻道:32015180
學習論壇:www.tmdps.cn
而下面顯得很充實的版面?zhèn)鬟_一種動感及豐富的層次感。在這部分中并不存在一個視覺焦點,因為所有的圖片都是在大小不一的矩形區(qū)域中,產(chǎn)生了不同的方向感。
我們將下部分其中幾張小圖片用顏色區(qū)域代替,并加上標題來使設(shè)計顯得更具吸引力。現(xiàn)在的關(guān)鍵問題是我們要選擇什么樣的顏色才能與整個版面配合。
我們首先用吸管在椅子上取一種顏色,然后看一下這種顏色在色輪中是處在哪一個位置上。
PS一起努力吧綜合群:194601789
YY頻道:32015180
學習論壇:www.tmdps.cn
在這個例子中,椅子上的所有顏色幾乎都是曖色調(diào),為了使整個設(shè)計具有曖色調(diào)的感覺,我們可以采用一種相近色來作為搭配。兩種相近色具有同一種基色,具體在這個例子中,我們從上圖的色輪可以看出,棕色與草綠色都包含了黃色這種基色。這種擁有同一種基色的顏色總是能夠形成良好搭配效果。
如果你不希望整個版面有太多的曖色,那我們可以采用補色(即在色輪中相對的顏色或相隔 180 度的顏色)搭配。
為了使版面能夠形成強烈對比,或希望整個版面充滿動感,我們可以采用補色搭配,因為互為補色的兩種顏色能夠形成高強度對比的視覺效果。但是,補色搭配會使到兩部分的區(qū)域在視覺上都一樣具有強烈的視覺效果,從而會互相削弱對方。為了解決這個問題,我們將其中一種顏色變淺(在上圖中,我們是將藍色變淺),減少藍色的“氣勢”,這樣使到棕色區(qū)域仍然能夠突圍而出。
PS一起努力吧綜合群:194601789
YY頻道:32015180
學習論壇:www.tmdps.cn
第二篇:解析程序圖標的設(shè)計思路和技巧
解析程序圖標的設(shè)計思路和技巧
程序圖標主要作用是為了使該程序更加具象及更容易理解,除了上述的作用外,有更好視覺效果的圖標可以提高產(chǎn)品的整體體驗和品牌,可引起用戶的關(guān)注和下載,激發(fā)起用戶點擊的**。
表現(xiàn)形態(tài)
在有限的空間里表達出相對應(yīng)的信息,在IOS 程序圖標設(shè)計中,直觀是第一個解決的問題,不應(yīng)該出現(xiàn)大多繁瑣的修飾,當然還要有很好的視覺表現(xiàn)力,使用戶可以更容易理解此應(yīng)用的實際作用,更輕松地辨識此應(yīng)用。下面來說說幾種表現(xiàn)的形態(tài)。
圖形表現(xiàn)
在只用圖形表現(xiàn)應(yīng)用程序的用途,圖形可以很好地吸引用戶的眼球,更具象地表現(xiàn)出信息。
文字表述
文字表現(xiàn)是一種非常直觀的表現(xiàn)方法,文字應(yīng)該簡潔明了,不繁瑣。
圖形和文字結(jié)合
此形式有很好的表現(xiàn)力之余還可以直接把信息告知用戶,因為會有一定的內(nèi)容,所以在空間布局上要注意疏密,避免繁瑣擁擠。
IOS 程序圖標特性
IOS系統(tǒng)桌面圖標與其他移動系統(tǒng)的圖標存在非常大的區(qū)別,因為IOS圖標有很好的整體性,良好的整體性可以減少用戶體驗上帶來的沖突,所以我們需要保持其中的一些特點,以便程序可以更好融入系統(tǒng)中,帶給用戶更好的應(yīng)用體驗。
尺寸
在不同設(shè)備的IOS系統(tǒng)桌面中,程序圖標的尺寸和默認自帶的修飾效果會有不同,系統(tǒng)默認自帶的修飾效果可以使圖標更好保持IOS風格,但很多時候為了實際效果,我們可以要求系統(tǒng)不作部分效果的添加,以便達到我們想要的效果。
上傳到APP Store需要512px X 512px的圖片
在Iphone 960px X 640px分辨率中
圖標顯示尺寸 114px X 114px
20像素的圓角
4像素的90度黑色投影
2像素的90度白色內(nèi)投影
默認自帶的高光
在Iphone 480px X 320px分辨率中
圖標顯示尺寸 57px X 57px
10像素的圓角
2像素的90度黑色投影
1像素的90度白色內(nèi)投影
默認自帶的高光
在Ipad 1024px X 768px分辨率中
圖標顯示尺寸 72px X 72px
13像素的圓角
2像素的90度黑色投影
1像素的90度白色內(nèi)投影 默認自帶的高光
質(zhì)感
在IOS中,為表現(xiàn)圖標的質(zhì)感,很多時候都會為其添加一些光感,使其更有質(zhì)感。光是從上面來的,所以過渡顏色的漸變應(yīng)該是從上往下的。很多時候為表現(xiàn)IOS系統(tǒng)類似玻璃質(zhì)感般的感覺,圖標底部都會帶有一個亮度較高的反光,當然這些都是以我們想要的實際效果而繪制添加。
IOS 程序圖標設(shè)計的構(gòu)思
為表達好應(yīng)用程序的作用,我們可以將應(yīng)用程序的圖標作很多不同視覺效果的處理,以達到更好的視覺享受。不同類型的應(yīng)用要注意表現(xiàn)的效果,如新聞資訊類的應(yīng)該簡潔一點,使其應(yīng)用有更好的整潔的感覺,如游戲類可以設(shè)計得給用戶一種活躍的感覺,如一些日常應(yīng)用類的我們很多時都會將其擬物化,使用戶更直觀地感受到其作用,這種方法是我們最常見的。
在這里著重說一下擬物化程序圖標,這是非常具象去表現(xiàn)程序用途的方法,但有時候要表現(xiàn)的元素存在幾個的時候,在狹小的空間中不一定能放下如此多的元素,所以要分析輕重,輕的可以減少占據(jù)位置的比例或者將其去除,重的要多作強調(diào),同時,要找到多樣元素中的共性。
我們只需找到共性,就能構(gòu)想出不錯的創(chuàng)意。
在圖形的構(gòu)思上有時我們可以利用IOS圖標的圓角制作一些特殊的感覺效果處理,如立體感,這些可以幫助圖標有更好的視覺沖擊力,更容易獲取用戶的喜愛與點擊。
實踐分享
說了這么多,下面我們馬上來從零開始構(gòu)思和繪制精美的IOS應(yīng)用程序圖標。
程序名稱:MyRange
平臺:Iphone
版本:V0.001
出版商:UEDC
用途:LOMO拍照軟件
首先說明的是,設(shè)計的方法不是唯一的,構(gòu)思和繪制的方法也是無限多的,那么馬上開始!
想到拍照軟件,首先會想起的是相機,那么相對應(yīng)這個軟件的圖標可以繪制一個LOMO相機作嘗試。
很多時我們?yōu)榱耸估L制的物品視覺效果更好,我們需要一些參照物,這次我用萊卡M9來做參照物。在參照物得基礎(chǔ)上,進行更多個性化的處理。
為了視覺效果更好,我想其有一點透視的感覺,那么可以利用IOS圖標圓角的特征,形成一種立體的感覺。
之后給圖標上色,將各大部分大致的顏色分出來
繪制出各部分的質(zhì)感,應(yīng)有的皮質(zhì)和金屬的質(zhì)感,制造金屬的可以添加一點雜色
加強光感,光是從90度向下照的,繪制出該有的反光位和兩邊的過渡轉(zhuǎn)折位,鏡頭部分局部細致刻畫,最后整體調(diào)整,完成!
第三篇:“感悟式”作文結(jié)尾的技巧教學設(shè)計
“‘感悟式’作文結(jié)尾的技巧”教學設(shè)計
授課內(nèi)容:習作課教學 授課年級:九年級 教學目標:(一)知識與技能:
1、學生掌握“感悟式”作文的結(jié)尾的寫法,使習作的立意更深刻,更具感染力。
2、體會“感悟式”作文結(jié)尾語言的表達方式與修辭手法。
(二)過程與方法:范文示例,演練鞏固。
(三)情感、態(tài)度、價值觀:
培養(yǎng)學生用一顆熱愛生活、關(guān)注社會、關(guān)愛人生的心靈去感悟人 生百態(tài)、社會萬象。
教學設(shè)想:本次習作指導(dǎo)課主要是針對學生作文立意膚淺的問題,先是通過范文示例,體會“感悟式”結(jié)尾語言的表達方式與表現(xiàn)手法,領(lǐng)會感悟類文章畫龍點睛之妙。然后通過對不同類型文章的品讀,體驗感悟的角度與方式。最后進行課堂演練,學以致用,驗證學習效果。這樣,指導(dǎo)不停留在理論上,讓學生在學中做,在做中學,讓作文教學變成一個激發(fā)、培養(yǎng)學生創(chuàng)新思維與創(chuàng)新能力的過程。使學生習作的立意更深刻,更具感染力。
教學過程
一、談話式導(dǎo)入:
二、明確什么是感悟及作文中的感悟。
三、范文示例(教師將范文示例印發(fā)給學生,或用投影)教師讀文章《接受自己》,學生以此為例賞析感悟的語言藝術(shù)。提問:賞析劃橫線的感悟句,看運用了什么表達方式?運用了什么修辭手法?有什么表達效果?
學生回答,教師明確。
四、品讀感悟:(教師將范文印發(fā)給學生,由教師和學生分別朗 讀)
通過品讀兩篇文章來體悟感悟的不同角度。第一篇是老師寫自身經(jīng)歷的文章《不試,你怎么知道》。第二篇是托物寄意類的文章《鳥兒愿為一朵云》。讓學生給兩篇文章加上感悟式的結(jié)尾。
學生寫感悟并交流。教師和學生共同點評。展示原作結(jié)尾。
五、歸納小結(jié):通過以上兩篇文章——自身經(jīng)歷、自然物象的 文章,讓學生總結(jié)感悟類的文章特點。
教師明確:
或敘述一個故事——道理 或講述一段見聞——事理 或敘寫一種現(xiàn)象——哲理 或描繪一種景物——言志、言情 或吟詠一類物品——品質(zhì)、品格
然后亮出一個精美閃光的道理!
六、課堂演練:
下面請同學們以“的滋味”為題,進行作文構(gòu)思。課上自然沒有時間完成寫作。我們要做的是這樣一個活動,就是想一想橫線上該填什么,然后把構(gòu)思中的情感傾向想一下,有什么樣的事,有什么樣的經(jīng)過,然后升華出一點什么,以表達一個什么樣的感悟。我們課上只交流你表達感悟的那一句話或一段話。
七、學生習作交流
八、教師寄語
同學們,生活處處皆學問。要想寫好感悟類作文就要多觀察現(xiàn)象,多思考問題,多積累富有哲理的語言。感性觀察再加上理性思考一定能寫出有感情有文采又有思想的文章。
第四篇:袋式除塵器在處理易燃易爆粉塵時的措施
袋式除塵器在處理易燃易爆粉塵時的措施
袋式除塵器具有除塵效率高,使用壽命長,運行穩(wěn)定等特點,在處理易燃易爆粉塵的時候應(yīng)該注意以下幾點: 1.做好粉塵堆積量的控制與防靜電;除塵布袋選用工作作為工藝系統(tǒng)的重要組成內(nèi)容,袋式除塵器在應(yīng)用過程中往往會接收來自管道處的含塵氣體并使其衍生為粉塵層,當其中的粉塵達到20-6000g/m3間的濃度時,便處于危險狀態(tài)。因此設(shè)計過程中需使除塵器系統(tǒng)通風量進一步增強,及時將其中的灰塵進行清除,以此使粉塵濃度保證低于危險范圍。同時還需注意做好漏斗灰塵的清除工作,通產(chǎn)粉塵在漏洞中會持續(xù)累積熱量,極易產(chǎn)生粉塵自燃情況。另外,由于粉塵在堆積過程中并非以嚴實狀態(tài)存在,其中存有流通的空氣,一定程度上為粉塵爆炸的發(fā)生創(chuàng)造條件,因此通過實踐證明發(fā)現(xiàn)引入雙層氣動卸灰閥,既可達到漏風率的減少,也可有效防止粉塵外溢情況的發(fā)生。而在防靜電除塵布袋選用方面,由于許多煤粉塵、化工性粉塵等在遇到靜電時將增加使爆炸事故發(fā)生的幾率增加,所以防靜電除塵布袋可選擇條紋防靜電與混紡防靜電兩種產(chǎn)品類型,前者主要將滲銅絡(luò)合物導(dǎo)電紗設(shè)置于針刺氈基布經(jīng)紗中,后者在材質(zhì)上主要以導(dǎo)電纖維為主,具體選擇中可結(jié)合實際生產(chǎn)情況使防靜電除塵布袋效果得以充分發(fā)揮。
2.做好點燃源的清除工作;點燃源清除工作主要采取三方面措施。第一,對于由外界火源引起的引燃源,如電焊或氣割產(chǎn)生的火花等,需在維修設(shè)備中做好粉塵清除工作并強化操作人員的防爆意識。第二,袋式除塵器運行中可能吸入相關(guān)的金屬物件如鐵塊等,由此因金屬物件的摩擦或沖擊造成火花的產(chǎn)生,對此可引將金屬設(shè)置于吸塵罩部位,并在維修完成后將其中的金屬物質(zhì)取出,或通過管網(wǎng)內(nèi)風速的控制使管道磨損情況減少。第三,對于袋式除塵器運行中產(chǎn)生的靜電,也要求做好防靜電的措施,可通過接觸電位差的減少使靜電的產(chǎn)生得以抑制,同時還需做好接地系統(tǒng)接地措施,也是防止泄漏的重要手段。
3.泄爆膜的應(yīng)用與相關(guān)防爆技術(shù)的引入;泄爆膜的安裝是使袋式除塵器實現(xiàn)防爆目標的同時實現(xiàn)經(jīng)濟效益提高的重要手段,通常可采取St諾摸圖法進行泄漏面積的具體計算(可以參考美國NFPA68標準計算,過程比較清晰),保證泄漏面積的合理,以此發(fā)揮泄爆膜的作用。另外,在防爆技術(shù)方面如前文所提,可通過隔爆裝置的引入如緊急關(guān)斷閥的設(shè)置,能夠使爆炸事故控制在一定范圍內(nèi)。另外若選用的除塵器為大型裝置,也可引入相應(yīng)的高壓噴灑設(shè)備,能夠有效控制防爆事故的發(fā)生。
第五篇:思維導(dǎo)圖在UI設(shè)計中的應(yīng)用
思維導(dǎo)圖在UI設(shè)計中的應(yīng)用
摘要隨著信息時代的飛速發(fā)展,數(shù)碼電子產(chǎn)品的更新速度快,UI界面設(shè)計的應(yīng)用范圍也越來越廣泛,如:手機界面、觸摸屏等電子產(chǎn)品。思維導(dǎo)圖作為一種非線性思維工具,可以幫助UI設(shè)計師在很大程度促進思維的發(fā)散,拓寬思維的廣度。利用思維導(dǎo)圖制作UI圖標設(shè)計,可以更好地設(shè)計出符合實際應(yīng)用的UI圖標。
【關(guān)鍵詞】思維導(dǎo)圖 UI設(shè)計
思維導(dǎo)圖又叫心智圖,是表達發(fā)射性思維的有效的圖形思維工具,是一種將放射性思考具體化的方法。思?S導(dǎo)圖將詞匯、圖形、色彩等元素,以一種獨特的方式聯(lián)系起來,充分運用人的左、右腦,利用記憶、閱讀、思維的規(guī)律,協(xié)助人們在科學與藝術(shù)、邏輯與想象之間平衡發(fā)展,從而開啟人類大腦的無限潛能。線性思維與非線性思維
思維方式可分為線性思維與非線性思維兩種方式。
1.1 線性思維
線性思維即線性思維方式,是一種直線的、單向的、單維的、缺乏變化的思維方式。線性思維方式有助于深入思考,探究到事物的本質(zhì)。
1.2 非線性思維
非線性思維則是相互連接的,非平面、立體化、無中心、無邊緣的網(wǎng)狀結(jié)構(gòu),類似于人的大腦結(jié)構(gòu)和血管組織,如發(fā)散性思維、系統(tǒng)思維。
非線性思維方式有助于拓展思路,看到事物的普遍聯(lián)系。非線性思維是為了更好地進行線性思維即深入了解事物的本質(zhì)。線性思維方式是目的,而非線性思維方式是手段。
思維導(dǎo)圖正是這樣一種非線性思維工具,幫助人們在很大程度促進思維的發(fā)散,拓寬思維的廣度。利用思維導(dǎo)圖制作UI圖標設(shè)計,可以更好地設(shè)計出符合實際應(yīng)用的UI圖標。
思維導(dǎo)圖的制作
思維導(dǎo)圖是以某一特定主題為中心,向外發(fā)射性發(fā)散思維,并以關(guān)鍵詞為節(jié)點搭建起的類似于“知識樹”的圖,聯(lián)想豐富、層次清晰、簡單明了。制作思維導(dǎo)圖的方法有:手繪制作思維導(dǎo)圖和電腦軟件制作方法。
2.1 手繪思維導(dǎo)圖
2.1.1 制作工具
白紙、不同顏色的彩色筆。
2.1.2 手繪思維導(dǎo)圖的特點
手繪思維導(dǎo)圖不受環(huán)境的限制,可以使用豐富的彩色筆進行繪制,具有個性和獨特的風格能夠提高觀看者的觀察力及想象力。
2.1.3 制作方法
首先,將主題文字寫在白紙的中央;其次,在主題的基礎(chǔ)上延伸主出多個一級子主題,每一個一級子主題為一個大分支,有多少主要的一級子主題就要有多少分支,且每條分支可以用不同顏色、粗線條表示出來。一級子主題下可以延伸出多個二級子主題,每個主題分支都需要有曲線連接起來。
2.2 電腦軟件繪制思維導(dǎo)圖
2.2.1 制作工具
常用的繪制思維導(dǎo)圖的軟件有Mirosoft onenote、Mirosoft Visio、Xmind、Mind Manager等,其Xmind是專業(yè)思維導(dǎo)圖繪圖軟件之一。
2.2.2 電腦軟件繪制思維導(dǎo)圖的特點
電腦軟件繪制思維導(dǎo)圖方便快捷;便于保存、復(fù)制、修改;有利于傳播。
2.2.3 制作方法
現(xiàn)以Xmind為例制作思維導(dǎo)圖。首先,添加一個中心主題;其次,選擇中心主題,點擊菜單欄中的插入/主題或按Enter鍵,即可添加子主題;單擊選中某一個子主題,按Tab鍵即可插入分支主題。在主題框中輸入相應(yīng)的主題文字即可完成一個簡單明了的思維導(dǎo)圖。
思維導(dǎo)圖的規(guī)則
應(yīng)用思維導(dǎo)圖的設(shè)計UI圖標能夠激發(fā)設(shè)計者的靈感,從而繪制出滿意的設(shè)計圖標。制作思維導(dǎo)圖之前,設(shè)計者要清楚思維導(dǎo)圖的規(guī)則:
3.1 自由思考
即要求參與者盡可能解放思想,在現(xiàn)有的時間內(nèi)(大約5-8分鐘)不受限制地思考,并第一時間將想到的內(nèi)容寫下來。
3.2 以量求質(zhì)
即參與者在規(guī)定時間能盡可能多地提出設(shè)想,以大量的設(shè)想來保證質(zhì)量較高的設(shè)想的存在。
3.3 質(zhì)的完善
參與者要積極進行補充、整理、完善。在增加自己提出設(shè)想的同時,注意思考如何把兩個或更多的設(shè)想進行整合,完善設(shè)想。思維導(dǎo)圖在UI圖標設(shè)計中的應(yīng)用
在飛速發(fā)展的電子產(chǎn)品中,電子產(chǎn)品的界面設(shè)計被重視了起來。做界面設(shè)計的“美工”隨之被稱之為“UI設(shè)計師”。一個電子產(chǎn)品界面美觀、交互簡單易懂,不僅給人帶來舒適的視覺享受,簡單的交互功能還拉近了人與商品之間的距離。
UI設(shè)計是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。好的UI設(shè)計不僅可以讓軟件變得有個性、有品位,還要讓軟件的操作變得舒適簡單、自由,充分體現(xiàn)軟件的定位和特點。
UI是用戶界面,是英文User和 interface的縮寫。從字面意思上看UI設(shè)計是用戶與界面兩個部分組成,但實際上還包括用戶與界面之間的交互關(guān)系。所以UI設(shè)計應(yīng)包含三部分:用戶研究、交互設(shè)計、界面設(shè)計。
在UI設(shè)計中的圖形用戶界面設(shè)計,包括:圖標設(shè)計、界面設(shè)計、banner、動畫等設(shè)計。其中,圖標設(shè)計是UI界面美觀的一個重要的部分。要設(shè)計一個既符合其本身功能又美觀的圖標,設(shè)計者必須要了解每個圖標功能的意義。思維導(dǎo)圖的應(yīng)用,能夠很好地幫助設(shè)計者整理出大量的功能特點以及實物的聯(lián)想。現(xiàn)以手機圖標中的“音樂圖標”為例,在制作“音樂圖標”時,盡可能地聯(lián)想出與音樂有關(guān)的事物、符合、圖形等等元素。在聯(lián)想出的主題中,篩選出需要的元素,并進行設(shè)計。由思維導(dǎo)圖將聯(lián)想的內(nèi)容繪制如圖1所示。
設(shè)計者將根據(jù)思維導(dǎo)圖呈現(xiàn)出來與“音樂圖標”有關(guān)的元素,進行再次整合,整合出初步的設(shè)計思路,最后利用其它軟件將圖標效果制作出來。
小結(jié)
隨著信息時代的飛速發(fā)展,數(shù)碼電子產(chǎn)品的更新速度快,UI界面設(shè)計的應(yīng)用范圍也越來越廣泛,如:手機界面、觸摸屏等電子產(chǎn)品。UI 設(shè)計師應(yīng)該緊跟上社會時代的步伐,掌握最新信息的新動向,結(jié)合新的輔助軟件,打開新的設(shè)計思路,在保留圖標功能的基礎(chǔ)上,使設(shè)計作品能夠具有新思維、新理念,給人帶來視覺上的享受。思維導(dǎo)圖的繪制,能夠幫助設(shè)計者打開聯(lián)想的窗口,給設(shè)計者帶來了源源不斷的設(shè)計思維、設(shè)計想法,從而將這些想法用相關(guān)工具設(shè)計出來。這樣,設(shè)計作品才能真正地符合人們的心理需求,才能與人們的感情與思想進行溝通。
參考文獻
[1]孟建華.UI 設(shè)計與應(yīng)用[J].藝術(shù)設(shè)計,2009(04):49-50.[2]顧文佳.UI 設(shè)計中用戶交互體驗的視覺思維[D].中國美術(shù)學院,2012:24.作者單位
海南軟件職業(yè)技術(shù)學院海南省瓊海市 571400