近年來,ui設計的發(fā)展很不錯,很多小程度設計都需要使用到ui設計。大家知道北京軟件ui設計公司有哪些服務項目嗎?還有,ui設計的規(guī)范標準有哪些呢?今天就一起跟小編來了解一下相關(guān)的內(nèi)容吧。
北京軟件ui設計公司的服務項目
1. 用戶研究
用戶調(diào)研是綜合運用現(xiàn)場觀察、訪談、問卷調(diào)查、焦點小組等方法,獲得用戶需求及產(chǎn)品使用偏好。使用戶的實際需求成為產(chǎn)品設計的導向,使產(chǎn)品更符合用戶的習慣、經(jīng)驗和期待。
2. 交互設計
產(chǎn)品的交互流程設計,根據(jù)可用性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素。
3. 界面設計
提供移動設備UI設計、APP界面設計,軟件UI設計,高品質(zhì)的網(wǎng)站設計。
移動設備包括:android平臺手機界面設計,android平臺平板電腦界面設計
APP應用界面包括:android平臺手機應用與平板電腦應用,IOS 平臺iPhone應用界面設計與iPad應用界面設計,windows mobile平臺應用界面設計
軟件UI設計包括:windows軟件界面設計與MAC軟件界面設計
高品質(zhì)的網(wǎng)站設計主要面大中型企業(yè)官方網(wǎng)站設計與改版。
UI設計的規(guī)范標準有哪些?
一、軸
軸在UI設計中是最基本、最常見的概念,也是用來組織界面結(jié)構(gòu)的重要核心。
簡單說來,軸是在設計的時候組織一系列元素的假象線,在下面的設計圖中,軸以虛線的方式被標注出來。
1、對齊
軸最常見于對稱元素的使用,當元素被布置成軸對稱的布局的時候,會給人有序感。就像生活中絕大多數(shù)的事情一樣,我們更傾向于享受有序的的東西,它們令人感覺平穩(wěn)、舒適、平易近人。
最簡單的一個例子就是iTunes程序中的專輯列表的設計,所有的專輯列表在界面的左側(cè)保持對齊,圍繞虛線軸軸對稱。
2、強化
雖然軸是一條假想的線,但是如果周圍的元素的邊緣控制得足夠整齊,這跳線會在視覺中變得更加“明顯”的。
最好的例子是城市中的路燈構(gòu)成了道路兩旁建筑物之間的軸,如果一邊有建筑一邊沒有,那么這種軸線的感覺不會那么強烈。
從產(chǎn)品設計的角度上來看,Twitter的時間線設計就是一個很好的案例,左側(cè)的頭像和右側(cè)的推文共同塑造出縫隙中軸線的感覺。
3、運動
當我們碰到某先線條的時候,視覺會很自然地沿著這些方向運動,就如同我們站在街上,會自覺地沿著街道的兩頭走動。兩個端點決定了線,界定了開始和結(jié)束的地方,線或者說軸線的存在會引導和提示運動的方向。
SoundCloud中,音軌沿著一條既定的水平軸線運動,隨著音樂的播放,音軌自然地自左向右勻速運動(具體可查看馬海祥博客《如何利用動效設計吸引訪客的注意力》的相關(guān)介紹)。
4、連續(xù)性
如果終點是不確定的,那么你通常會沿著軸線的方向瀏覽/運動,直到你找到感興趣的東西,或者感到厭倦并關(guān)閉應用。
在建筑學中,未清楚界定的終點非常少見,因為建筑的修建通常沒法永遠持續(xù)下去,但是UI設計則不一樣,無限地滾動下去是無比受歡迎的設計手法。
Pinterest的APP中就是這樣做的,持續(xù)不斷的圖片沿著中軸線的方向持續(xù)不斷地滾動下去,只要你有興趣一直觀看下去。
二、對稱
當元素被均勻地放置在軸線的兩側(cè)之時,他們構(gòu)成了對稱的關(guān)系。當元素被精準地在軸線兩側(cè)一一對應之時,它們就形成了完美對稱。
1、平衡
對稱令整個設計更加平衡,當元素與控件在軸線兩側(cè)處于相同位置之時,會給人以協(xié)調(diào)和諧的設計感。
當我們在規(guī)劃街道兩側(cè)的房屋建設的時候,如果左右兩側(cè)都是5間大小一致的房子,當你走在街上的時候這種平衡的設計會令人非常舒適,這是平衡給人的感受。
Rdio的APP設計就遵循著這樣的設計規(guī)則,屏幕兩側(cè)的控件是相同的規(guī)格,這類布局很適宜閱讀,用戶會自覺地自上到下,從左向右查看。
2、不對稱
如果軸線兩側(cè)的控件布置不再是一一對應尺寸相近,那就是不對稱的設計,不對稱的設計會給人明顯的失衡感,可能會令人不舒服,但是也能造就殘缺美,當然這要看你具體怎么做。
雖然Pinteret的APP設計在整體上是沿著中軸線對稱的(寬度一致),但是兩邊的界面控件并非是對稱的,它們的高度并不一致,位置也是錯落的,稍微一點的落差都會被眼睛捕捉到,而這樣的差異讓用戶無法準確地左右順序閱讀,不對稱設計打破了設計的平衡性和舒適性,但是也可以緩解了規(guī)律性設計帶來的視覺疲勞。
三、層級
當某個元素出現(xiàn)在比其他元素更重要的位置的時候,層級就出現(xiàn)了。
1、尺寸
如果一個設計元素在尺寸上比其他的控件更大,就會區(qū)分出層級。毫無疑問,我們查看某個設計的時候,通常會被最大的元素吸引到。如果一個建筑物有5個出窗戶,其中一個是其他四個的兩倍大,我們的注意力自然而然會被吸引過去。
通過尺寸來區(qū)分文章列表層級的典型就是稍后讀應用Pocket,頂部的輪播文章?lián)碛懈蟮膱D片,它的位置和尺寸會令我們一眼注意到(具體可查看馬海祥博客《詳解移動端設備頁面尺寸設計原理》的相關(guān)介紹)。
2、形狀
如果一個控件在形狀和形態(tài)上同其他的不一樣,也可以讓它獨立出一個層級,不規(guī)則的設計同樣會令人側(cè)目,建筑物的正面擁有五個相同的窗戶和一閃大門,你會立刻注意到門的獨特之處。
在Instagram的個人信息頁中,圓形的個人頭像在方形的圖片中別具一格,非常抓人眼球。它會讓人意識到,這個獨特的東西,更為重要。
3、位置
位置的存在同樣能彰顯層級的不一樣,在圓圈之內(nèi),中心位置的東西比邊緣部分的看起來更重要,位于軸線頂端的控件會顯得比其他部分的優(yōu)先級更高。
以設計應用Path的設計為例,時間軸頂點處的用戶頭像就明顯比時間軸上的其他部分更重要,而這個地方正好展示的也是用戶頭像。
四、韻律
UI設計和建筑設計同樣有著韻律之美,重復的模式會營造出獨特的節(jié)奏之美。
1、模式
理解韻律最直接的方式就是聽歌,音樂擁有節(jié)奏感,絕大多數(shù)的音樂遵循著相同的節(jié)拍,節(jié)拍就是音樂模式的一部分。
這方面最典型的APP是Airbnb,APP列表中每一間房子都占據(jù)一個模塊,模塊中有著大小相同的圖片,價格、位置和房東信息和圖片的相對位置一定,且排版勻稱舒服,兩個模塊之間的間距也相同,當你瀏覽的時候,熟悉的節(jié)奏會讓你清楚地知道上哪看關(guān)鍵信息。
2、間斷
當節(jié)奏被間隔打斷的時候,會形成不同的層級,聽歌的時候,均勻的節(jié)奏被其他的音樂元素打斷的時候,你會意識到這是比較特別的部分。
以上文章中,小編給大家介紹了北京軟件ui設計公司有哪些服務項目以及ui設計的規(guī)范標準有哪些的相關(guān)內(nèi)容,希望對大家有所幫助。有需要進行ui設計的朋友,歡迎前來咨詢本網(wǎng)站。