首頁

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

藍藍設計的小編

QQ截圖20131103211639

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


微信快速導入QQ、手機好友

藍藍設計的小編

微信如今超過6億的用戶,是目前最火熱的一種營銷渠道,在各種行業(yè)交流大會,微信營銷是不可缺少的討論話題。微信也是各行業(yè)選擇的一種營銷工具,但是微信營銷上升速度快,很多的企業(yè)及商家都是試學階段。微信營銷要進入企業(yè)及商家的內部還一小段的距離,要做好微信營銷,還需要有良好的策略和技巧。

微信營銷商家的營銷工具

今天筆者與大家分享一個個人微信賬號快速導入QQ好友、手機通訊錄的好友,這樣類似的方法,在網上有很多,閱讀過的朋友就請路過,想再溫故的朋友就繼續(xù)跟著筆者來。快速導入自己的QQ好友,手機通訊錄的好友。

QQ好友導入
個人微信上導入QQ好友的方法有兩種:
1、在“通訊錄”,右上角“添加”,進入以后,看到“添加QQ好友”,點擊進入以后顯示QQ上的分組好友,然后選擇要導入的QQ好友,完成添加操作。
2、在“個人中心”->“設置”->“通用”->“功能”中找到“添加QQ好友”的功能,進入以后,再點擊“添加QQ好友”顯示QQ上的分組好友,然后選擇要導入的QQ好友,完成添加操作。

Mac 和 PC 哪個更適合做設計

藍藍設計的小編

蘋果電腦和PC之間,我們究竟該如何選擇呢?很多人的答案便是,蘋果電腦適合做圖,PC適合游戲。也許是由于都這么回答,所以,目前這個觀點幾乎已經成為一個定理了。那么事實是否真的是如此呢?以小編看來,這個觀點可能不盡然,下面,筆者便純理論的說明一下其中的原因。

蘋果

蘋果機比PC更適合做圖 真的是這樣嗎?

設計師應該知道的16個UI優(yōu)化秘訣

藍藍設計的小編

優(yōu)異的用戶界面可以讓用戶用得順心,從而提高轉化率(conversion rate),換言之,好的 UI 在使用與銷售層面上形成雙贏。本文整理了16點優(yōu)化用戶界面的方法,希望對大家有所幫助。

本文原作者加拿大UI設計師Jakub Linowski

單欄型式優(yōu)于多欄

單欄型式讓你更能掌握自己的內容,從頂部到底部一氣呵成,用故事引導讀者,最終是要誘引他們「采取行動」(call to action,下稱CTA,意指下載或消費等目的);而多欄反而可能導致讀者分心。

優(yōu)設網 16個UI優(yōu)化秘訣

超贊!21個漂亮的App應用網站

藍藍設計的小編

dd

如果我說很多iPhone應用網站的設計都頗為精美,相信筒子們不會有什么意見的。看來那些設計師們都敞開胸懷迎接“蘋果style”,創(chuàng)造出干凈簡約又優(yōu)雅的網站。可不嘛,作為一枚合格的設計師,他們才不會隨隨便便弄個網站展示他們的app呢,都卯足了勁設計出新穎的版式,配上美美的圖片、大量留白和恰當?shù)淖煮w。那么今天呢我們將要帶給你的這份靈感清單就是一些絕贊的iPhone應用網站啦,切克鬧~

Wedding Party

與你的客人一起,通過這簡單有趣的app捕捉并分享你婚禮中的美好瞬間。

21 Beautiful iPhone App Websites

網絡推廣之論壇營銷發(fā)帖推廣

藍藍設計的小編

網絡營銷推廣中論壇營銷也是很重要的營銷推廣方法,有些朋友利用論壇營銷獲得了不錯的營銷效果,有些朋友就不盡人意了。那么什么是論壇營銷呢?論壇營銷是利用論壇這樣的網絡交流平臺,通過文字、圖片、視頻等方式來發(fā)布要推廣的產品或服務信息,讓潛在客戶了解產品和服務,購買營銷推廣的產品或服務。

論壇營銷發(fā)帖推廣

論壇營銷有什么作用呢?論壇營銷推廣可給網站增加外鏈,發(fā)布廣告可提升品牌的知名度,為網站帶去精準的、高質量的流量等作用。

下面小篇給大家說說論壇營銷發(fā)帖推廣:

了解論壇規(guī)則
找到一個論壇不是打開就注冊成為會員就開始發(fā)廣告信息,而是需要查看這個論壇的人氣、發(fā)帖量等等信息,重要的是了解這個論壇規(guī)則,了解發(fā)廣告的版規(guī)等信息。了解了發(fā)的帖子就會受到其他網友的關注和閱讀,了解規(guī)則發(fā)的帖子就不會被刪除,賬號也不會被封號。

推薦!Web中文字體應用指南

藍藍設計的小編

Web 中文字體應用指南

藍藍設計:在 Web 設計上應用字體是一項基本技術,同時也是一門藝術。對于英文字體來說可選擇的范圍實在是太廣泛了,合理的使用它們將會為你的網站增色不少。關于英文字體的使用和搭配技巧,在這里不做贅述,只推薦一套非常好的視頻:Fundamentals of Design by CodeSchool

相關好文:
新手入門:選擇字體的五個原則
淺析中英文基本字形的演變和發(fā)展
2012年度最佳移動網頁字體設計
推薦!跨平臺字體效果淺析

而真正的挑戰(zhàn)在于中文字體,由于中文字體組成的特殊性導致其體積過于龐大,除了操作系統(tǒng)內置的字體之外,我們很難在網站上應用其他的字體。在可選性很差的前提之下,如何正確的使用中文字體呢?

首先,以下的字體聲明都是很糟糕的,切忌使用:

10個增強Web字體排版的jquery插件

藍藍設計的小編

雖然Web字體版式技術在各種定制化字體解決方案(比如@font-face, Google Fonts)的支持下一路蓬勃發(fā)展,但是在我們在設計和桌面app開發(fā)中仍然對其缺少精準的控制和把握。還好有一系列的強大功能jquery插件幫助我們解決這個問題。這篇文章詳細介紹了近10個最流行的Web字體版式插件,它們允許我們潤色字體版式并創(chuàng)造出更多超級酷的效果。
不得不說,網站本身也創(chuàng)意十足,個性滿滿喲:)

Lettering.js

Lettering.js example

Lettering.js 是最簡單最流行的網絡版式插件之一。通過分拆每個文本,并將每個字母放在定制好的<span>中,該插件能夠讓你精準的操控標題版式。使用它小心的調整你的字距或者添加各式各樣的CSS,從而讓每個單詞都有超級贊的效果。

巧用色塊布局,讓你的網站與眾不同!

藍藍設計的小編

QQ截圖20130428163130

Metro UI是一種界面展示技術,和蘋果的iOS、谷歌的Android界面最大的區(qū)別在于:后兩種都是以應用為主要呈現(xiàn)對象,而Metro界面強調的是信息本身,而不是冗余的界面元素。顯示下一個界面的部分元素的功能上的作用主要是提示用戶”這兒有更多信息”。同時在視覺效果方面,這有助于形成一種身臨其境的感覺。

科普一下:神馬是Metro?Metro是由微軟公司開發(fā)的內部名稱為” typography-based design language”(基于排版的設計語言)。最早出現(xiàn)在微軟電子百科全書95,后來的產品如:windows媒體中心、Zune播放器都有用到這項技術。該技術已于2010年初(美國)獲得Metro UI專利批準(USPTO)如今該技術被引入到微軟開發(fā)的Windows Phone操作系統(tǒng)和已經發(fā)布的Windows 8預覽版以及Office 15中。

藍藍設計 :2012年7月,在大連中軟實訓基地學習時,老師要求我們分小組開發(fā)項目,理所當然地,我擔任前端設計和開發(fā)的工作。
當我略微得意地把設計好的頁面拿給老師顯擺時,他給了一個字的評價:”俗!”然后講,”中國風看起來的確美,但這種美很容易趨于小氣和庸俗,遠不如簡單用色塊搭配出的效果?!?/p>

也是從那時候起,我開始注意色彩的搭配,也開始用這種觀點來把玩一些網頁和海報等的設計。
《甄嬛傳》再經典,老外們也不會明白隱藏在后宮中的彎彎繞…

40個的創(chuàng)意進度條設計

藍藍設計的小編

以前的進度條設計以擬物化為主,現(xiàn)在扁平化風格流行,連進度條也改變咯。藍藍設計推薦您看看40款收集的進度條設計,很多是Dribble上的作品,應潮流而生,想瞧瞧扁平化風格的進度條是怎樣的,就來看看吧。如果你對擬物化的創(chuàng)意進度條更加有興趣,那么來這里瞧瞧《18個讀取進度條的優(yōu)秀設計案例》

Loading 也是一門學問,如何讓用戶等待加載時不煩還高興,藍藍設計推薦您可以看看這篇:《談談加載(LOADING)的那點事》,絕對從細節(jié)處提升用戶體驗 ^_^

Progress by yasir wadood

Progress by yasir wadood in 40 Progress Bar Designs for Inspiration

Circular progress bar by Alexandr Ivanov

日歷

鏈接

個人資料

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

存檔