首頁

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

你還在用輪播圖嗎?

資深UI設(shè)計者

輪播圖(Carousels)這樣的交互方式,在web時代似乎已經(jīng)司空見慣。當(dāng)一群人在會議室里爭奪首屏焦點圖的優(yōu)先級時,使用輪播圖,似乎能夠不費吹灰之力地解決這場爭端,沒有人是輸家。然而,輪播圖這種方式真的有效嗎?如何設(shè)計才能帶給用戶更好的體驗?zāi)兀?

事實上,“萬能和事佬”輪播圖的點擊率通常都很低,轉(zhuǎn)化效果也并不好,卻往往占用了頁面最搶眼的大面積位置。想象這么一個場景:當(dāng)你走進圖書館想找一本特定的書閱讀時,一個銷售員擋在你面前讓你先看一個大廣告圖,然后等你還沒讀完具體講了什么內(nèi)容時,他又突然換了一張,是不是很惹人厭呢?大部分輪播圖的設(shè)計也是如此。

設(shè)計師打死都要收藏的7種移動端UI設(shè)計風(fēng)格

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

如果你是一個APP狂熱分子,你會花大量的時間在各種APP的嘗鮮中,你會明顯感受到一些APP在采用著某種風(fēng)格鮮明的設(shè)計語言,來標(biāo)榜自己的獨特之處,行成自己的設(shè)計風(fēng)格,甚至引領(lǐng)設(shè)計風(fēng)向。去年我們關(guān)注到隨著Metro設(shè)計風(fēng)格的影響和iOS7的發(fā)布,APP明顯都開始嘗試扁平化的設(shè)計語言了,除此之外,還有哪些顯性化的設(shè)計語言嶄露頭角呢?

一、唯一主色調(diào) | Simple color schemes

為什么我們要定義一個界面多種顏色?僅僅用一個主色調(diào),是不是就能夠很好的表達(dá)界面層次、重要信息,并且能展現(xiàn)良好的視覺效果?事實上也正是如此,隨著iOS7的發(fā)布,我們看到越來越多唯一主色調(diào)風(fēng)格的設(shè)計,會采用簡單的色階,配套灰階來展現(xiàn)信息層次,但是絕不采用更多的顏色。

01.webp.jpg

不重視微交互的UI設(shè)計不是好設(shè)計…

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

UI設(shè)計的細(xì)節(jié)很重要,它不僅僅體現(xiàn)在靜態(tài)的元素上,動效和微交互也是如今UI和UX設(shè)計中最重要的細(xì)節(jié)。想要打造優(yōu)秀的移動端UI設(shè)計,微交互和動效設(shè)計是繞不開的問題,今天的文章我們來聊聊這個~


呈現(xiàn)系統(tǒng)狀態(tài)


        對于UI的狀態(tài)設(shè)計,“系統(tǒng)應(yīng)當(dāng)始終通過合理的反饋告知用戶當(dāng)前正在發(fā)生的事情,所處的狀態(tài)?!边@也就意味著界面需要通過反饋讓用戶明白發(fā)生了什么,而無需用戶猜測。而帶有動效的微交互正是以提供視覺反饋而聞名。

想要網(wǎng)頁令人難忘,這七個設(shè)計思路能幫你實現(xiàn)

資深UI設(shè)計者

沒有哪個網(wǎng)站的站長不希望用戶成為自家網(wǎng)站的回頭客,希望他們能分享網(wǎng)站內(nèi)容,能頻繁的與網(wǎng)站互動,讓他們能夠記住自己的網(wǎng)站。

但是,這樣的好事兒并非憑空得來,想要網(wǎng)站令人難忘需要你用心去創(chuàng)造走心的設(shè)計,而這確實是有跡可循的。今天要介紹的七種方法,能夠幫你創(chuàng)造令人驚嘆的效果,讓用戶過目不忘,擁有持久的生命力,帶來更多回頭客。

UI設(shè)計是這樣一步步完成的!

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

UI交互設(shè)計似乎在一夜之間成為大家街談巷議的話題,那么UI設(shè)計到底做什么,這要從UI設(shè)計的工作流程說起——產(chǎn)品/交互/設(shè)計。也就是說一般我們接到的是交互稿。

這時候,UI設(shè)計師看到交互稿,需要考慮的是:

1.信息的排布是否合理?

2.信息重點在哪里?

3.用戶人群是哪一類?

UI設(shè)計市場的巨大發(fā)展前景

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

最近看了一些文章報道,關(guān)于UI行業(yè)發(fā)展的情況,然而在這個市場發(fā)展超快的同時,很多設(shè)計行業(yè)的人都不太了解,其他領(lǐng)域的更加難以想象。下面的這一小段對話是看過類似最多出現(xiàn)的:

有人問”你是做哪一行的?“ 回答說”電商設(shè)計“ ;他說”原來是美工“,這一刻真心塞了:dizzy:。

是淘寶美工這個觀念對現(xiàn)代人影響得太多,還是他們根本就看不到UI設(shè)計這個市場呢?

今天從這幾年的電商歷史發(fā)展情況讓大家感受一下UI設(shè)計未來會有多火!!

下面的一張圖是中國幾個巨頭的愛恨情愁啊,多么激烈。

UI設(shè)計作品好壞如何看?

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

一套完整的UI設(shè)計其實是比較復(fù)雜的,從需求分析到市場定位,從草稿到擬方案,從創(chuàng)意元素的組合到想法沉淀,從設(shè)計規(guī)范到突破傳統(tǒng),從紙上到電腦上,從個人到團隊,或者從團隊到個人,從素材收集到素材處理,從0思路到偶然等等,但是不要把一個作品的好壞完全依賴于別人的評價,也不要依賴于自我評價。當(dāng)然,好壞還是有一些基本前提的,有了這些前提,作品是好還是壞,蘿卜各有所愛罷了。

日歷

鏈接

個人資料

存檔