首頁

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

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

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

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

評論(0) 瀏覽(3426)

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

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

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

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

評論(0) 瀏覽(4329)

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

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

Facebook 設(shè)計(jì)副總裁有個問答欄目，今天的問題是：對于設(shè)計(jì)師來說，什么才代表著成功？在這篇譯文里，她分享了自己的觀點(diǎn)。

評論(0) 瀏覽(2970)

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

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

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



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



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

評論(0) 瀏覽(3461)

喲喲喲！學(xué)會點(diǎn)線面，排版好方便！

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

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

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


評論(0) 瀏覽(4115)

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

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

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

用搜索的原因

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

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

評論(0) 瀏覽(3208)

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

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

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


評論(0) 瀏覽(6602)

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

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

IMG_3007

城市大屏

在技術(shù)上，所有的媒體大屏都是基于web端技術(shù)實(shí)現(xiàn)的，這樣的選擇是因?yàn)閿?shù)據(jù)大屏幕只是數(shù)據(jù)可視化在我們?nèi)粘９ぷ髦械囊粋€運(yùn)用場景，我們需要能讓數(shù)據(jù)可視化的技術(shù)能在日常工作中得到最廣泛的落地運(yùn)用，web端當(dāng)然就是我們的主戰(zhàn)場。當(dāng)然。拋開這一點(diǎn)，我們認(rèn)為web端的相關(guān)技術(shù)也是大家落地相關(guān)數(shù)據(jù)可視化開發(fā)的良好平臺，為什么這么說呢？這基于以下幾點(diǎn)：功能全，前端技術(shù)svg，canvas，webgl三者的相互補(bǔ)充，已經(jīng)讓我們在交互，2D&3D以及大規(guī)模數(shù)據(jù)量繪制有了充足的發(fā)揮空間，其次我們團(tuán)隊(duì)在以前開發(fā)數(shù)據(jù)產(chǎn)品的過程中已經(jīng)用Nodejs建立了良好的中間件來連接各種數(shù)據(jù)源，這讓目前接入各種數(shù)據(jù)庫變得非常便捷。最后就是便于分享，在任何硬件設(shè)備上只要打開瀏覽器就能看到最終的數(shù)據(jù)可視化作品，在當(dāng)今這個注重信息分享的時(shí)代，這一點(diǎn)非常關(guān)鍵。




評論(0) 瀏覽(4402)

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

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

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

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

評論(0) 瀏覽(5103)

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

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

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

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

評論(0) 瀏覽(3442)

日歷

鏈接

個人資料

存檔