壹周速讀:表單設計全面指南

如果你正在從事 B 端設計,或者在表單設計上比較苦手的設計師,那么上周的3篇表單設計相關的實用文章,絕對是拯救你的福音。Taras 的 20 個簡短精煉的技巧一針見血,「INDEX設計筆記」的系統指南則深入細致,都是難得的好東西!

表單設計指南

壹周速讀:表單設計全面指南

表單是 UI 界面中最為常見的元素,它通常是用來搜集和呈現一些數據、信息和特定的字段。這篇文章來自資深設計師 Taras Bakusevych,長期從事金融和企業類數字產品的設計,在表單設計領域造詣精深。這篇文章梳理了他總結的 20 條表單和輸入框的設計經驗,實用性極強。

壹周速讀:表單設計全面指南

表單(不是表格),作為最為常見的 Web 頁面模塊,是不是都快忽略它的存在了?回想一下你登錄網站填寫信息、購物填寫地址、填寫調查問卷、修改個人中心信息時……都是在和表單發生互動。但是,想要設計一個優秀的表單并不容易。這篇我文章梳理了設計優秀 Web 表單的 5 個有效策略:

壹周速讀:表單設計全面指南

每個人生活中,都在和表單打交道,各種表格,表單需要填寫。而在數字產品當中,表單是實現數據采集的重要手段。最近幾年,隨著 B 端的興起,和表單打交道的設計師越來越多,這使得了解表單設計成為了很多設計師同學的必修課。這篇萬字干貨是這個表單設計指南的上半部分:

新視野

壹周速讀:表單設計全面指南

對于絕大多數的用戶而言,Mac OS X 是21世紀初頂尖設計的范式,在今天,它是最優秀操作系統的當中的典型。在今天的視角之下,2001 年步入新世代的 Mac 系統似乎一步登天,成為了新時代人機交互設計的典范,但是其實在此背后,有一段長達 10 多年的瘋狂試探,并且「沉淀」下了一大堆失敗產品。第二篇 「Mac 視覺史」就聊聊這次 90 年代的史詩級失敗背后的故事:

壹周速讀:表單設計全面指南

發消息帶表情已成為「網上沖浪」的社交禮儀,QQ 內自帶的黃臉表情同樣被廣為使用。但伴隨著社會文化的變遷,黃臉表情在使用時總讓人感覺「表情用時方恨少」。別著急,新表情已安排。QQ 4 月上新了一批神仙表情,「疑惑」「 辣眼睛」「 滄?!埂?尷尬」,這些表情是否也是你的日常?如果你也被擊中的話,跟我一起看看表情的設計故事吧:

UI·視覺

壹周速讀:表單設計全面指南

不知道大家有沒有覺得自己做的東西總是很土、很普通,反正我是經常有這種想法,所以總是想盡一切辦法做到更好。如何在設計過程中,徹底告別土味?菜心設計鋪的這篇文章,就用近期的一個設計項目作為案例,分享了他的設計經驗:

壹周速讀:表單設計全面指南

初級與高階設計師的區別,有時候不在于說整體大的布局上有什么差別,其實往往就在于文中提到的這些小細節點上。在騰訊,一個界面中的細節,往往會摳到像素級,大 1px 或者小 px 都可能要出幾稿,調優后也確實會有不一樣的感覺。而這些關鍵的細節,都在這里:

壹周速讀:表單設計全面指南

海報的創意與玩法,不只限于排版,優秀的海報可以把作品的高度拔升好幾個層級,省去了大量繁瑣文案的贅述,讓人一目了然,這樣的作品既不乏深度,也不失美感。這篇文章以近年的一些設計實戰來給大家分享關于海報設計的經驗:

壹周速讀:表單設計全面指南

我們在做設計的時候總離不開字體,可是多如牛毛的字庫字體里,免費的只有那么幾個,難以滿足我們的工作需求。鋌而走險的話又會容易招到律師函警告,那么怎么辦呢?最直接粗暴的方式就是學會字體設計,需要用什么字體就做什么字體,自己動手,豐衣足食。這篇文章先給大家介紹一些最基礎最基礎的字體設計知識:

壹周速讀:表單設計全面指南

說到 HMI 大多數設計師應該是既熟悉又陌生,HMI 是 Human Machine Interface 的縮寫,「人機接口」,也叫人機界面,只不過是在某些場合和設備上管他叫 UI,比如移動端設備,而在另外某些場所和設備上管他就叫 HMI,比如汽車車機和數控機床。

而這次的文章,就是圍繞著汽車上的 HMI 界面設計來進行探討的。它的前世今生有哪些故事,而現今在 HMI 領域的設計,又有哪些獨特的點?這篇文章一定要看看:

壹周速讀:表單設計全面指南

在進行數據可視化設計的過程中,座標軸是繞不過去的一個元素。但是常用的座標軸有哪些,哪些座標軸知識是做可視化設計必知的?這篇超專業的文章,就給你進行了一一梳理:

產品·體驗

壹周速讀:表單設計全面指南

任何一名設計師應該都會接觸到運營活動頁,產品落地頁此類需求。而這些落地頁設計需求的業務目標衡量標準都相當明確——即轉化率。再進一步,與我們的設計輸出直接相關的就是首頁轉化率/點擊率。所以,在日常的落地設計中,其實最終都是為那個關鍵數據服務的。于是,我們最終還是要面對這個終極問題:在頁面當中,按鈕要放到左邊還是右邊?答案,在這里:

壹周速讀:表單設計全面指南

微信小程序要如何做設計?相比于普通的 UI 設計相關的文章,這樣的文章還是相對比較少的。來自 Zeal-莊治柱 根據自身的經驗,完整梳理了這么一篇相對全面的微信小程序實戰向的文章,幫助越來越多需要進行小程序設計的設計師同學:

神器·干貨

壹周速讀:表單設計全面指南

可視化大屏的視覺效果超級棒,很多同學都想實現這樣的視覺效果,但是在具體的實現效果上,大家還是充滿疑惑。如果你也是其中的一員,那么這篇文章一定不要錯過!這里整理了一些可視化效果常見的設計工具和實現方法!快來看看吧:

壹周速讀:表單設計全面指南

大家都知道建立個人圖庫的重要性,回歸到圖片的來源,怎么扒才算優雅呢?不是所有網站的圖片都能右鍵保存的,去問開發小哥么? 一來,他們很忙可能沒空理會,二來,這個問題太基礎會被鄙視。于是,這篇文章就分享給大家 4 個實用性極強的扒圖技巧:

職場·規劃

壹周速讀:表單設計全面指南

這篇文章可能是《我的十四年設計路》系列文章當中,對于設計師同學們最有價值的一篇——它總結了設計師最容易走偏的4個設計誤區。如果你發現自己并沒有陷入這些誤區,那非常值得高興。如果你不小心陷入了某一個,那么這篇文章的建議,應該能夠給你提供一點幫助:

點贊 11
收藏 34
繼續閱讀相關文章

發表評論 已發布 3

還可以輸入 800 個字
 
 
載入中....
3 收藏