首頁(yè)

搜索框中有那些細(xì)節(jié)?

用心設(shè)計(jì)

搜索幾乎是現(xiàn)在所有網(wǎng)站,APP甚至操作系統(tǒng)的標(biāo)配,不論是電商還是論壇等等。它是一個(gè)站內(nèi)給用戶直接到達(dá)目的地的通道,起到了一個(gè)引導(dǎo)用戶走向的重要作用。在不同的系統(tǒng),不同用途的網(wǎng)站上搜索呈現(xiàn)的方式都有所不同。

搜索框中有那些細(xì)節(jié)?

如何做好網(wǎng)頁(yè)后臺(tái)的表單和表格設(shè)計(jì)?

用心設(shè)計(jì)

如何定義一個(gè)后臺(tái)是好的?領(lǐng)導(dǎo)說(shuō)好,用戶說(shuō)好,你自己也覺(jué)得好,那應(yīng)該就是好的。大部分情況下產(chǎn)品已經(jīng)定制好了每個(gè)功能模塊,UI上只需要對(duì)著原型加以美化,如果你是這樣做的,那么做出的東西一定會(huì)讓人覺(jué)得有問(wèn)題但是又不知道問(wèn)題在哪里,總是想讓你改。

如何做好網(wǎng)頁(yè)后臺(tái)的表單和表格設(shè)計(jì)?

Facebook設(shè)計(jì)副總裁:談?wù)勗O(shè)計(jì)師的職業(yè)成功之路

資深UI設(shè)計(jì)者

Facebook 設(shè)計(jì)副總裁有個(gè)問(wèn)答欄目,今天的問(wèn)題是:對(duì)于設(shè)計(jì)師來(lái)說(shuō),什么才代表著成功?在這篇譯文里,她分享了自己的觀點(diǎn)。

設(shè)計(jì)中的中宮指什么?不懂這個(gè)談字體結(jié)構(gòu)和造型都白搭

用心設(shè)計(jì)

字體設(shè)計(jì)中,新手設(shè)計(jì)師才說(shuō)字體結(jié)構(gòu)松散或緊湊,設(shè)計(jì)老司機(jī)只談中宮。



你肯定也有這樣的感受,因?yàn)檎務(wù)撟煮w結(jié)構(gòu)松散或緊湊只是對(duì)字體造型的直觀描述,并無(wú)更多內(nèi)涵或?qū)嶋H意義上的指導(dǎo)。



設(shè)計(jì)中的中宮指什么?不懂這個(gè)談字體結(jié)構(gòu)和造型都白搭

喲喲喲!學(xué)會(huì)點(diǎn)線面,排版好方便!

資深UI設(shè)計(jì)者

每個(gè)設(shè)計(jì)師多少都有一點(diǎn)強(qiáng)迫癥,有時(shí)候會(huì)為一個(gè)像素的間距而糾結(jié),有時(shí)候又會(huì)割舍不下自己做的元素,滿屏的信息都想突出,導(dǎo)致畫面混亂。設(shè)計(jì)師培養(yǎng)自己對(duì)畫面的全局觀是很重要的,所以我們的腦子里時(shí)刻都需要有一把“尺子”在,這把尺子,就是“點(diǎn)線面”。在使用這把“尺子”的時(shí)候,拋開(kāi)那些裝飾和顏色還有材質(zhì),將畫面抽象成點(diǎn)線面來(lái)把控你的設(shè)計(jì),也許會(huì)有不一樣的啟發(fā)和看到畫面不和諧的原因所在。

設(shè)計(jì)師對(duì)版面的全局觀,就是“點(diǎn)線面”的處理?!包c(diǎn)線面”是所有視覺(jué)畫面的基本結(jié)構(gòu),點(diǎn)線面可以把不同的部分或者元素組合成一個(gè)整體,進(jìn)而打造一個(gè)視覺(jué)舒適平衡的版面。


看似一模一樣的搜索框,在設(shè)計(jì)師眼里有這么多細(xì)節(jié)!

資深UI設(shè)計(jì)者

搜索幾乎是現(xiàn)在所有網(wǎng)站,APP甚至操作系統(tǒng)的標(biāo)配,不論是電商還是論壇等等。它是一個(gè)站內(nèi)給用戶直接到達(dá)目的地的通道,起到了一個(gè)引導(dǎo)用戶走向的重要作用。在不同的系統(tǒng),不同用途的網(wǎng)站上搜索呈現(xiàn)的方式都有所不同。

用搜索的原因

使用搜索時(shí),用戶可以自己掌握瀏覽該網(wǎng)站的路徑,從哪一頁(yè)進(jìn)入到哪一頁(yè),自己控制如何使用這個(gè)網(wǎng)站。沒(méi)有必要根據(jù)網(wǎng)站的頁(yè)面設(shè)計(jì)來(lái)決定瀏覽頁(yè)面的先后順序。這也是為什么很多網(wǎng)站用戶一進(jìn)入就直接使用搜索功能的原因。

另一個(gè)原因是,當(dāng)用戶瀏覽網(wǎng)頁(yè)到一半不知道接下去該干什么的時(shí)候,往往會(huì)使用搜索直接去找到自己想找的內(nèi)容。

大屏ui設(shè)計(jì)系列之十三:阿里巴巴三萬(wàn)億大屏項(xiàng)目

藍(lán)藍(lán)設(shè)計(jì)的小編

2016年3月,阿里巴巴中國(guó)零售交易市場(chǎng)2016財(cái)年商品交易即時(shí)總額即將突破三萬(wàn)億,這是阿里歷史性的一刻,也見(jiàn)證了消費(fèi)的力量, 為了記錄這一歷史時(shí)刻,三萬(wàn)億大屏項(xiàng)目應(yīng)運(yùn)而生。這是阿里UED的一些文章。


大屏設(shè)計(jì)系列之十二:DataV 2015雙十一媒體大屏回顧&技術(shù)分享

藍(lán)藍(lán)設(shè)計(jì)的小編

實(shí)戰(zhàn)經(jīng)驗(yàn)!如何做好網(wǎng)頁(yè)后臺(tái)的表單和表格設(shè)計(jì)?

資深UI設(shè)計(jì)者

一個(gè)完整的后臺(tái),由菜單/導(dǎo)航、數(shù)據(jù)/圖形展示、表格、表單、控件/組件以及彈窗等構(gòu)成,下面跟大家分享后臺(tái)中的表格和表單的設(shè)計(jì)細(xì)節(jié)。

當(dāng)接到一個(gè)全新的網(wǎng)頁(yè)后臺(tái)項(xiàng)目時(shí),首先確定設(shè)計(jì)風(fēng)格,然后考慮這個(gè)后臺(tái)尺寸是做居中固定式,還是全屏響應(yīng)式。全屏響應(yīng)式的網(wǎng)頁(yè)設(shè)計(jì),除非有規(guī)定,否則你可以選擇任意主流尺寸作為基尺寸來(lái)設(shè)計(jì)網(wǎng)頁(yè)。當(dāng)然,不管選擇什么尺寸,都得基于做好一個(gè)后臺(tái)而開(kāi)展工作。

從0到1,進(jìn)步的未來(lái)—微眾銀行APP項(xiàng)目小結(jié)

用心設(shè)計(jì)

照搬他人的模式要比創(chuàng)造新的東西容易。做大家都知道如何去做的事,只會(huì)使世界發(fā)生從1N的改變,增添許多類似的東西。但是每次我們創(chuàng)造新事物的時(shí)候,會(huì)使世界發(fā)生從01的改變。                     

  —— Peter Thiel,Blake Masters《從01:開(kāi)啟商業(yè)與未來(lái)的秘密》從0到1,進(jìn)步的未來(lái)—微眾銀行APP項(xiàng)目小結(jié)

日歷

鏈接

個(gè)人資料

存檔