首頁

軟件界面設(shè)計之菜單設(shè)置的詳細(xì)細(xì)則

ui設(shè)計分享達(dá)人

菜單是界面上最重要的元素,菜單的位置應(yīng)該按照功能來組織。通常菜單設(shè)置需要把握的一些細(xì)則如下:

1.菜單通常采用“常用--主要--次要--工具--幫助”的位置排列,符合流行的Windows風(fēng)格。
2.常用的菜單有“文件”、“編輯”,“查看”等,幾乎每個系統(tǒng)都有這些選項,要根據(jù)不同的系統(tǒng)有所取舍。
3.下拉菜單要根據(jù)菜單選項的含義進(jìn)行分組,并且按照一定的規(guī)則進(jìn)行排列,用橫線隔開。

軟件界面設(shè)計守則之美觀與協(xié)調(diào)性的詳細(xì)細(xì)則

ui設(shè)計分享達(dá)人

界面設(shè)計的風(fēng)格,色彩應(yīng)基于公司的VI手冊,形成自己獨特的品牌風(fēng)格;另外,頁面元素應(yīng)該大小適合美學(xué)觀點,感覺協(xié)調(diào)舒適,能在有效的范圍內(nèi)吸引用戶的注意力。那么美觀性和協(xié)調(diào)性的細(xì)則有哪些呢?

1.長寬接近黃金點比例,切忌長寬比例失調(diào)。
2.布局要合理,不宜過于密集,也不能過于空曠,合理的利用空間。

UI設(shè)計中幫助設(shè)施和合理性的具體細(xì)則有哪些?

ui設(shè)計分享達(dá)人

UI設(shè)計的整個過程中,有很多需要衡量和把握的一些原則和規(guī)范,幫助設(shè)施和合理性就是其中經(jīng)常要審視和把握的兩點。那么幫助設(shè)施和合理性都有哪些細(xì)則呢?

幫助設(shè)施的細(xì)則主要包括:

軟件界面設(shè)計守則之規(guī)范性詳細(xì)細(xì)則

ui設(shè)計分享達(dá)人

在上一篇的分享文章中,我們分享了軟件界面設(shè)計中的易用性細(xì)則,今天我們來分享下軟件界面設(shè)計中的規(guī)范性細(xì)則。通常界面設(shè)計都按Windows界面的規(guī)范來設(shè)計,即包含“菜單條、工具欄、工具箱、狀態(tài)欄、滾動條、右鍵快捷菜單”的標(biāo)準(zhǔn)格式,可以說:界面遵循規(guī)范化的程度越高,則易用性相應(yīng)的就越好。那么,具體到規(guī)范性的一些細(xì)則都有哪些呢?

軟件界面設(shè)計守則之易用性的詳細(xì)規(guī)范

ui設(shè)計分享達(dá)人

軟件界面設(shè)計在現(xiàn)在的互聯(lián)網(wǎng)時代越來越火,想必做設(shè)計的也都知道,它也是要遵循一定的設(shè)計守則,其中易用性就是軟件界面設(shè)計中的守則之一。但僅僅知道這一點還是不夠的,因為易用性的背后還有很多的一些小細(xì)則,今天我們就來對這些小的細(xì)則進(jìn)行統(tǒng)計分享。

軟件界面設(shè)計之交互設(shè)計的5大要素

ui設(shè)計分享達(dá)人

在軟件界面設(shè)計過程中,交互設(shè)計也起著至關(guān)重要的作用,那么交互設(shè)計都有哪五大要素呢?

①  為目標(biāo)群設(shè)計(Goal-driven Design):為你的目標(biāo)用戶群做設(shè)計。像調(diào)研或者訪談形式的用戶研究,能幫助你塑造目標(biāo)用戶群的人物特征。這可以讓你為用戶目標(biāo)定制app的工作流程,以滿足他們的需求。

詳解軟件界面設(shè)計的五步法。

ui設(shè)計分享達(dá)人

軟件界面設(shè)計不同于其他設(shè)計,它的科學(xué)元素居多,軟件界面設(shè)計其實是一個非常科學(xué)的推導(dǎo)公式,它既需要一個設(shè)計師美工繪畫能力的要求,又需要對藝術(shù)的理解感悟。所以在整個設(shè)計過程中需要好多工作的每一步。一個通用消費類軟件界面的設(shè)計大體可分為五個步驟:需求階段、分析設(shè)計階段、調(diào)研驗證階段、方案改進(jìn)階段、用戶驗證反饋階段。

UI設(shè)計!9個你應(yīng)該知道的Sketch實用技巧

ui設(shè)計分享達(dá)人

很多剛接觸Sketch 的同學(xué)驚嘆它的好用強大,不過它還有很多鮮為人知的實用功能,今天我們將一一為你說明這些特別好用的技巧,幫你加快設(shè)計流程 >>>


等一等,什么是 Sketch?


至去年 Sketch 第2版新舔的顏色設(shè)定后,越來越多的設(shè)計師已經(jīng)切換用 Sketch 了。它的簡單的界面和性能使它比 Photoshop 更好用(不要忘了,Photoshop 最初是專為編輯和處理圖像以設(shè)計的),而其繪圖工具也很適用在向量圖形(vector) 上。Sketch 不是位圖影像(bitmap) 編輯工具。它配備了一個像素(pixel) 預(yù)覽,讓你更容易設(shè)計界面和圖標(biāo)。

軟件界面設(shè)計必備的色彩搭配技巧

ui設(shè)計分享達(dá)人

無論是軟件界面設(shè)計還是平常的平面設(shè)計,亦或者宣傳頁、手機APP界面的設(shè)計,都離不開色彩的搭配,由此可見,色彩搭配工作在設(shè)計過程中的重要性。今天就以軟件界面設(shè)計為例來分享一下在具體設(shè)計過程中的要把握好的一些色彩搭配技巧。

技巧第一點:顏色使用最好不要超過三種。經(jīng)常在網(wǎng)上看到有很多的大神都在說在設(shè)計工作中,配色最好不要超過三種顏色。如果設(shè)計的界面顏色太多了,難免會給人一種界面很亂的感覺,界面設(shè)計很重要的一點就是最終的結(jié)果要給人一種良好的體驗,如果界面太亂,用戶體驗也就無從談起了。因此,在用色時,顏色越少越好,但要保證正確的傳達(dá)出需要表現(xiàn)的功能和元素為前提。在我們每添加一種顏色的時候都需要好好的考慮一下,有沒有必要。因為再復(fù)雜的設(shè)計,也不會多個三種主色彩。

UI設(shè)計中的陰影與層次!

ui設(shè)計分享達(dá)人

隨著大家對于扁平化設(shè)計的反思和優(yōu)化,近兩年的整個設(shè)計風(fēng)向顯得理智而合理了許多。更加平衡而合乎情理的新的扁平化設(shè)計誕生了。這個新的方案得到了絕大多數(shù)的設(shè)計師的認(rèn)可,這種“近乎扁平”的設(shè)計更多被大家稱為“扁平化設(shè)計2.0”。扁平化2.0 整體上依然是扁平的,但是其中的諸多設(shè)計元素沿用了微妙的陰影、高光和層級來打造有深度的UI。

01.webp.jpg

日歷

鏈接

個人資料

存檔