首頁

簡化輸入,讓網(wǎng)頁表單更親切

藍藍設(shè)計的小編

大部分人不喜歡填表單,因為人們來到網(wǎng)站,主要目的不是填表,而是瀏覽或者購買。精心設(shè)計的表單界面設(shè)計,使輸入變得流暢讓人心情愉悅,而糟糕的ui設(shè)計讓人扶墻吐血。那怎樣才是優(yōu)秀的表單設(shè)計呢?頁面的布局、邏輯組織、視覺樣式等都是值得關(guān)注的細節(jié),其中簡化輸入是最近常被提及的,在這里藍藍設(shè)計分享下自己工作中的心得…

1、 更高大的輸入框

增加輸入框高度,加粗字體,可以讓網(wǎng)頁上的輸入框看起來更容易填寫和閱讀。隨著電腦顯示器尺寸變大,這樣的輸入框也顯得更大氣。

經(jīng)驗分享:簡化輸入,讓網(wǎng)頁表單更親切

2、 添加選取器

與其讓人輸入不如提供選擇,選取內(nèi)容只要點幾下,就自動填充進輸入框,不但可以減少輸入障礙,還能預(yù)防出錯??梢园讶魏蜗M臄?shù)據(jù)做成選取器,比如日期、顏色、地址或者歷史記錄等等。

舉個例子:前面的“對方開戶姓名”輸入框,需要填寫對方的姓名,如果對方名字里有漢字不認識該怎么辦呢?于是我們可以加上一個生僻字的選取器,如圖:

經(jīng)驗分享:簡化輸入,讓網(wǎng)頁表單更親切

設(shè)計師們值得珍藏的25個創(chuàng)意十足的名片設(shè)計

藍藍設(shè)計的小編

機會往往就在一瞬間,作為設(shè)計師,你必須給自己打造一款創(chuàng)意十足的名片設(shè)計,這意味著互遞名片時,可能你就獲得了一個未來的美好機會(可以是一個大客戶,或是一份羨慕已久的工作),當然,機會屬于有準備的人,那么今天藍藍設(shè)計的這25款創(chuàng)意十足的名片界面設(shè)計,相信驚嘆之余你會得到紛呈的靈感,提供ui設(shè)計能力,奮起吧少年們!

Jake Bradford

Business Cards Design

專為網(wǎng)頁設(shè)計師和前端工程師服務(wù)的14個教學網(wǎng)站

藍藍設(shè)計的小編

太忙了沒時間學習?這就是你為自己不想學習找的借口。
抓緊時間,利用上網(wǎng)的時間來為自己也充電一下吧!互聯(lián)網(wǎng)上除了娛樂,其實也有很多比藍藍設(shè)計更值得每日關(guān)注學習的網(wǎng)站。今天我們一起推薦給您網(wǎng)頁設(shè)計師和前端工程師服務(wù)的14個教學網(wǎng)站:)絕對不要錯過喲。相信一定會提高朋友的網(wǎng)頁設(shè)計ui設(shè)計、軟件界面設(shè)計、iPad界面設(shè)計能力的!

onlineeducation1

20個與音樂相關(guān)的網(wǎng)站設(shè)計欣賞

藍藍設(shè)計的小編

音樂是人類的靈魂,相信大部分的設(shè)計師在做ui設(shè)計時,都會開著音樂激發(fā)靈感,陶冶情操。那些歌兒或激烈、或?qū)庫o……

音樂的本質(zhì)是耳朵的享受,但是在藍藍設(shè)計,我們肯定不能讓眼球落寞,那么今天就來一起看看25個與音樂相關(guān)的網(wǎng)站的界面設(shè)計吧。推薦收藏起來,以后肯定會用到的喲,一定可以幫住大家提高ui設(shè)計服務(wù)能力的,讓您在ui設(shè)計公司立穩(wěn)腳步,處于不敗之地。

:)

更多音樂相關(guān)網(wǎng)站設(shè)計欣賞:http://sillybuy.com/

Twitter music
Twitter music

扁平化風格網(wǎng)頁設(shè)計UI組件和圖標

藍藍設(shè)計的小編

扁平化ui設(shè)計是指舍棄漸變、陰影、高光等擬物化的視覺效果,從而打造出一種看上去更加平面的界面設(shè)計風格。扁平化的網(wǎng)頁設(shè)計更適合用于需要同時支持多種屏幕尺寸的響應(yīng)式設(shè)計技術(shù)中。今天,藍藍設(shè)計給大家?guī)?5套用于扁平化設(shè)計圖標設(shè)計、界面設(shè)計網(wǎng)頁設(shè)計元素,記得分享和推薦啊!

Flat Free UI Kit

Flat Icons and Web Elements for UI Design-26

讓閱讀更時尚!25例雜志風格網(wǎng)頁設(shè)計

藍藍設(shè)計的小編

不可否認,紙媒日漸衰微,力圖轉(zhuǎn)型為網(wǎng)絡(luò)媒體。
而網(wǎng)絡(luò)媒體,則”反其道而行之”,采用紙媒的布局網(wǎng)頁設(shè)計風格。

如何在呈遞大量信息的基礎(chǔ)上做到布局有序?如何利用紙媒的傳統(tǒng)大標題更好的吸引用戶注意?如何把縮略圖排布的跟雜志中的圖片一樣?請看藍藍設(shè)計推薦的25個范例網(wǎng)站界面設(shè)計素材。

This is Fake DIY

DIY

IPHONE食譜APP界面設(shè)計參考

藍藍設(shè)計的小編

無論你從事的是動畫、3D還是平面設(shè)計甚至iPad界面設(shè)計,今天藍藍設(shè)計推薦的食譜軟件界面設(shè)計當中,絕對有一款能令你上癮,設(shè)計師們趕緊來看看,都是免費的唷。一定可以幫住大家提高ui設(shè)計服務(wù)能力的,讓您在ui設(shè)計公司立穩(wěn)腳步,處于不敗之地。

Recipes and Grocery List – BigOven

用戶體驗極佳的移動UI賞析

藍藍設(shè)計的小編

UI(用戶界面設(shè)計)與UX(用戶體驗)是密切聯(lián)系的,優(yōu)秀的UI界面設(shè)計首先就能從視覺上給用戶極好的體驗,今天我們從Drrible和Behance上挑選了用戶體驗超棒的UI界面設(shè)計,包括了睡眠APP界面設(shè)計、天氣APP、軟件界面設(shè)計iPad界面設(shè)計、bs界面設(shè)計CS界面設(shè)計等等,還有對Facebook、Instagram、Ebay等應(yīng)用的扁平化再設(shè)計,都非常棒呦!如果你正在設(shè)計UI界面設(shè)計,那么可得好好借鑒學習一下,希望能給你帶來ui設(shè)計靈感 : )

1. 設(shè)置面板

Flat Mobile UI Design and UX-1

一組手機LOGO設(shè)計

藍藍設(shè)計的小編

移動界面設(shè)計至上是當今的大背景。交互設(shè)計網(wǎng)頁設(shè)計都不得不顧慮手機的”感受”,移動互聯(lián)網(wǎng)方向的創(chuàng)業(yè)如同雨后春筍般出現(xiàn),而有關(guān)移動端的Logo怎么設(shè)計?如何提供自己的整體ui設(shè)計服務(wù)能力看看這里吧。好的logo設(shè)計軟件界面設(shè)計,iPad界面設(shè)計都起到至關(guān)重要的作用!

0b25d66eac79fc07d35237f7124dd6db0c86ffb36e3ab3883552aafd1d560a5c3a397f080b57438ba24baf09bb743bad

超贊的鞋類網(wǎng)站設(shè)計欣賞

藍藍設(shè)計的小編

天賦異稟的設(shè)計師們總是通過自身超高的ui設(shè)計能力能把普通的事物變得那么美好,譬如這里的鞋類網(wǎng)站的界面設(shè)計,當穿在腳上的鞋子踏進屏幕后,會發(fā)生什么奇妙的變幻呢?
找一個得閑的時間,泡杯咖啡,靜靜來欣賞藍藍設(shè)計這如藝術(shù)品一樣的網(wǎng)站設(shè)計吧:)

Satorisan

Satorisan

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔