首頁

如何做好網(wǎng)頁后臺的表單和表格設計?

用心設計

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

如何做好網(wǎng)頁后臺的表單和表格設計?

Facebook設計副總裁:談談設計師的職業(yè)成功之路

資深UI設計者

Facebook 設計副總裁有個問答欄目,今天的問題是:對于設計師來說,什么才代表著成功?在這篇譯文里,她分享了自己的觀點。

設計中的中宮指什么?不懂這個談字體結構和造型都白搭

用心設計

字體設計中,新手設計師才說字體結構松散或緊湊,設計老司機只談中宮。



你肯定也有這樣的感受,因為談論字體結構松散或緊湊只是對字體造型的直觀描述,并無更多內涵或實際意義上的指導。



設計中的中宮指什么?不懂這個談字體結構和造型都白搭

喲喲喲!學會點線面,排版好方便!

資深UI設計者

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

設計師對版面的全局觀,就是“點線面”的處理。“點線面”是所有視覺畫面的基本結構,點線面可以把不同的部分或者元素組合成一個整體,進而打造一個視覺舒適平衡的版面。


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

資深UI設計者

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

用搜索的原因

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

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

大屏ui設計系列之十三:阿里巴巴三萬億大屏項目

藍藍設計的小編

2016年3月,阿里巴巴中國零售交易市場2016財年商品交易即時總額即將突破三萬億,這是阿里歷史性的一刻,也見證了消費的力量, 為了記錄這一歷史時刻,三萬億大屏項目應運而生。這是阿里UED的一些文章。


實戰(zhàn)經(jīng)驗!如何做好網(wǎng)頁后臺的表單和表格設計?

資深UI設計者

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

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

從0到1,進步的未來—微眾銀行APP項目小結

用心設計

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

  —— Peter Thiel,Blake Masters《從01:開啟商業(yè)與未來的秘密》從0到1,進步的未來—微眾銀行APP項目小結

這也許是最詳細的APP電商首頁設計分析

用心設計

移動端產(chǎn)品最難的地方就是在很小的屏幕上展示出你所有的業(yè)務。因為有了屏幕的限制,加上移動端的客戶碎片化閱讀的習慣和高流失率。所以業(yè)務復雜的App是設計難度較高的。電商就是這種類型的App,既要保證首頁業(yè)務展示完整性,又要保證用戶體驗滿意度,每一個頁面設計都要考慮一些技巧和思考維度,非??简炘O計師的設計功力。所以電商類App是要展示內容最多也是最難做的一類App。所以我們以電商為例來分析首頁設計。


這也許是最詳細的APP電商首頁設計分析

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔