首頁

別怕色彩!移動(dòng)色彩設(shè)計(jì)淺談

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

影響縱移動(dòng)設(shè)計(jì)最重要的莫過于色彩。色彩之所以在移動(dòng)設(shè)計(jì)領(lǐng)域沒有那么快流行起來是因?yàn)槿藗冊谟蒙喜粔虼竽懖]有充分利用它。幸好這種情況正在改變——因?yàn)樯蕽u漸變成移動(dòng)設(shè)計(jì)中不可或缺的元素并有了它自己的流行趨勢。

什么是色彩?

顏色的有趣生動(dòng)、養(yǎng)眼好用令人著迷。色彩是非常棒且很重要的設(shè)計(jì)元素和工具,我們不應(yīng)該害怕使用色彩。

移動(dòng)設(shè)備不像顯示器,它的屏幕有限,你不可能像在桌面上那樣自由地控制它。移動(dòng)設(shè)備用色和桌面用色沒什么不同,但似乎比它更重要。人們在用手機(jī)的時(shí) 候很可能都很忙,各種事情分散他們的注意力;這時(shí)候色彩能幫助你抓住他們的視線。更重要的是,色彩能幫你表達(dá)某些特定的情感,把用戶視線帶到特點(diǎn)的地方或 者幫助你傳達(dá)信息。

如果你只是直接丟一堆顏色給用戶,他們也不會集中注意力在你的設(shè)計(jì)上的。色彩很微妙,所以為了讓色彩成為可被利用的工具我們必須正確使用它。像其他設(shè)計(jì)元素一樣,色彩也要好好利用才能發(fā)揮它的魔力。太多或太少用戶都不會想看,就要?jiǎng)倓偤?。所以,我想通過下面幾點(diǎn)向你展示“色彩是如何被用于移動(dòng)設(shè)計(jì)”的,而且你也應(yīng)該這樣用。

一、強(qiáng)調(diào)色


我想你已經(jīng)在各式各樣的像室內(nèi)裝潢、印刷和網(wǎng)頁這樣的設(shè)計(jì)中看到過強(qiáng)調(diào)色。強(qiáng)調(diào)色應(yīng)該給用戶保駕護(hù)航——引導(dǎo)點(diǎn)擊,理解事物,并且?guī)椭麄冃腥缌魉T谝苿?dòng)設(shè)計(jì)中最好的就是通過那些大膽漂亮的用色來吸引用戶的目光。

下面兩個(gè)例子,首先看一個(gè)非常有意思的找房應(yīng)用。在這個(gè)頁面上你不可能看不到那個(gè)撥號按鈕。沒有那個(gè)橙色背景是不可能有這么好的效果的,現(xiàn)在再不集中注意力的用戶也不可能對它視而不見了。

2013移動(dòng)色彩設(shè)計(jì)新趨勢


創(chuàng)意海報(bào)設(shè)計(jì)欣賞:閃著寶石般光芒的句子,自由創(chuàng)作的思想火花

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

羅伯遜常在閱讀時(shí)看到一些閃著寶石般光芒的句子,于是他就利用自己的職業(yè)所長以及對這些文字與思想的理解,文圖結(jié)合,設(shè)計(jì)了一系列巧妙對應(yīng)的精彩海報(bào),并在ETSY上出售。(圖附簡單翻譯)


藍(lán)藍(lán)注:好喜這些簡單、直入人心的設(shè)計(jì)。其中有一個(gè)“你敢不敢撼動(dòng)這宇宙”打動(dòng)我。

我們平常為商業(yè)的設(shè)計(jì),為獲得酬金忙碌著設(shè)計(jì),為別人做嫁衣,幾曾留給自己一些時(shí)間,為自己的心而做設(shè)計(jì)。這些插圖畫的好有水準(zhǔn)!

 

 羅伯遜常在閱讀時(shí)看到一些閃著寶石般光芒...

從零開始學(xué)習(xí)jQuery (十一) 實(shí)戰(zhàn)表單驗(yàn)證與自動(dòng)完成提示插件

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

一.摘要

本系列文章將帶您進(jìn)入jQuery的精彩世界, 其中有很多作者具體的使用經(jīng)驗(yàn)和解決方案,  即使你會使用jQuery也能在閱讀中發(fā)現(xiàn)些許秘籍.

本文是介紹兩個(gè)最常用的jQuery插件. 分別用于表單驗(yàn)證和自動(dòng)完成提示(類似google suggest).

 

二.前言

研究別人的作品真是一件花時(shí)間而且痛苦的過程. 當(dāng)然也和本人英文不好有關(guān). 總覺得控件作者寫了很多文檔但是都不夠系統(tǒng), 需要深入研究很多的實(shí)例后才能了解作者的思路.所以學(xué)習(xí)和研究一個(gè)插件需要很高成本, 如果發(fā)現(xiàn)了Bug并修復(fù)需要的成本也是未知數(shù)(本次我花了較少的時(shí)間解決了自動(dòng)完成提示插件的一個(gè)中文bug, 但是如果復(fù)雜的bug就不會這么簡單了.).

對于簡單應(yīng)用我首先推薦上文中的jQuery UI. 但是jQuery UI解決的問題有限. 使用jQuery插件是我們最后的一個(gè)好辦法---還算是好辦法, 起碼比自己開發(fā)要好吧?

很多jQuery的插件編碼異常優(yōu)美, 看一看藝龍首頁現(xiàn)在的城市輸入框控件, 除了需要為輸入框手工添加很多很多屬性(onkeyup, onkeydown等等), 而且還不夠通用, 占用服務(wù)器資源和網(wǎng)絡(luò)資源.但是當(dāng)初也是花費(fèi)了很久的時(shí)間完成的作品.

站在巨人的肩膀上, 讓我感覺寫腳本和寫設(shè)計(jì)C#程序一樣, 都有高度和深度可以挖掘. 除了使用作者開發(fā)好的功能, 還可以學(xué)習(xí)如何開發(fā)和封裝javascript控件. 看過優(yōu)秀的jQuery插件作者的代碼和設(shè)計(jì)思想后, 常常自嘆設(shè)計(jì)水平差距居然如此之大, 增加自認(rèn)為腳本高手, 比較過后就是C#程序員和架構(gòu)師之間的差距.

希望大家通過本章節(jié)介紹的兩個(gè)插件, 除了學(xué)會如何使用,  還能夠略微領(lǐng)悟到如何封裝和設(shè)計(jì)javascript控件.

從零開始學(xué)習(xí)jQuery (十) jQueryUI常用功能實(shí)戰(zhàn)

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

一.摘要

本系列文章將帶您進(jìn)入jQuery的精彩世界, 其中有很多作者具體的使用經(jīng)驗(yàn)和解決方案,  即使你會使用jQuery也能在閱讀中發(fā)現(xiàn)些許秘籍.

本文是實(shí)戰(zhàn)篇. 使用jQueryUI完成制作網(wǎng)站的大部分常用功能. 

 

二.前言

經(jīng)過公司內(nèi)部收集, 整理了一些經(jīng)常使用javascript實(shí)現(xiàn)的功能.  實(shí)現(xiàn)這些功能的主角不是讓人眼花繚亂的jQuery插件,  而是jQuery UI.

如果你還在為了一個(gè)小小的而去下載并安裝插件, 發(fā)現(xiàn)Bug還沒有人替你解決. 記住插件是我們沒有辦法的最后選擇.

使用插件有太多的壞處:

1.不利于維護(hù)

2.增加頁面大小

3.不利于成員間交流共享,具有學(xué)習(xí)成本.

4.不夠健壯, 不能保證插件版本一直更新并修復(fù)所有問題.

下面就引入今天的主角:jQuery UI

 

日歷

鏈接

個(gè)人資料

存檔