首頁

5個小技巧,用動效提升界面的用戶體驗就這么簡單

Mechau 交互設計及用戶體驗

動效能講述故事。和圖片不同,動效能夠呈現變化的過程,講述一段簡短而有趣的故事,能夠同你進行對話:“嘿,你該看這個按鈕了”或者“哦耶!你剛剛完成了一個操作!”不過,動效的目標并不是單純的娛樂用戶,而是幫助用戶了解交互的效果和界面中發生的變化,讓用戶更為有效地使用你的APP。Zurb 有一句話很好的解釋了這一點:

“我們設計的不再僅僅只是靜態的界面,實際上,我們所設計的是用戶從界面獲得內容的過程。”

動效廣泛運用于網頁內容和背景當中,用來強化功能,提升美感:它會直接影響用戶的行為,引導用戶注意到特定的內容,呈現狀態,幫助用戶找到他們想要的內容,達成目標。想要借助動效提升用戶體驗,可以參考下面的指引來進行優化:

閱讀全文>>

選擇 Reac??tJS 的五大理由

藍藍 前端及開發文章及欣賞

ReactJS是一個開源的JavaScript庫,并且由Facebook和Instagram這樣的頂尖IT企業以及開發者社區所維護。該框架廣泛使用于為web應用程序開發用戶界面的時候。這個特殊的框架被發明時帶有這樣一個目的:

“構建數據隨著時間的推移一次又一次改變的大型應用程序。”

我們經常使用的工具有很多,但只有少數徹底改變了我們的工作流程。ReactJS就是其中之一。隨著現在可用框架變得越來越多,我們很難找到一個最終不會窮途末路的框架。這就是為什么在ValueCoders我們建議去往React。

01.png

閱讀全文>>

【原創】SEO之淺析搜索引擎的規則

分享達人 seo優化

在seo中,經常會提到兩個名詞:“搜索引擎規則”和“搜索引擎算法”,很多人都認為,只要熟悉了搜索引擎的規則和算法,就可以提升網站的排名,從而帶來大量的流量。那么搜索引擎的規則是什么呢?

很多人會告訴你,頁面的關鍵詞密度要控制在2%—8%之間、要多做偽原創,外鏈等。按照這些方法做了,關鍵詞排名就一定會上升嗎?事實告訴我們,很多人這樣做了,不但關鍵詞沒有上去,甚至被懲罰了,這是為什么呢?

閱讀全文>>

UI設計之如何再造交互設計

分享達人 設計思維

關于如何再造交互設計,我們搜尋了一些網絡資料,再加上我們做10余年UI設計的經驗,總結了以下八個方面,希望可以為設計師們帶來一定的幫助:

1、定目的:確定設計目的。

筆者始終認為,任何設計的核心在于目的,基于目的的設計,才能避免無效設計,可以根據產品定位或服務主旨等來制定目的,比如上文提到的星巴克,它的產品是咖啡,但是核心賣點其實是服務體驗,它希望每位客人都感覺賓至如歸,所以它的交互或服務設計目的就是給客人完善貼心的服務體驗。

閱讀全文>>

四個幫你提高UI設計效率的工作技巧

分享達人 設計思維

一、了解工程實作的基本原理

許多人認為創造力和邏輯是左右半腦分開管轄的、設計師和工程師使用的是不同部分的能力,所以大家各安其份做好自己的工作就好——我負責光鮮亮麗地畫圖,工程師就負責用超大聲的同刻鍵盤在黑色的屏幕上編寫外星文。

但事實上這種刻板印象除了阻礙你進步以外可說是一點用都沒有(而且不見得是正確的)。

巴別塔的故事大家幾乎都聽過,會造成溝通問題的原因很簡單,就是講的「語言」不同,而非思考方式不一樣——無論是什么領域,要成為佼佼者,都必須具備高度的創造和想象能力,而設計更是非常講求邏輯的行為。

閱讀全文>>

絕對不能錯過!2016 年最流行的8個UI設計趨勢分析

Mechau 手機及小程序界面設計文章及欣賞

進入2016年后,我們會發現行業在體驗設計上出現了很多新的元素,從我們平時經常瀏覽的設計社區中,這些新元素出現的頻率越來越高,比如彩色投影、雙色調漸變設計等,我們也慢慢開始接受這些新變化,并且逐步應用到我們的產品中。這篇文章的初衷是希望能更系統更全面地梳理出一份流行趨勢的分析,能對我們平時的工作能產生一定的指導作用。

一、使用模糊背景

模糊背景和iOS毛玻璃效果非常的相似,也符合時下流行的扁平化和現代風的設計,設計效果十分的賞心悅目,可以很好的和幽靈按鈕以及時下流行的元素搭配起來,提升用戶體驗。

以淘寶電影為例,采用的是虛化電影海報作為背景,這樣做的好處是每一個頁面的頭部效果都不一樣,這樣的排版視覺效果更佳,同樣也突出電影信息等主要內容。從設計的角度來看,這也很容易實現,讓內容模塊變的清晰,同時可以規避復雜的設計,還可以降低設計成本,花最少的時間達到最大的效果。

uisdc-trend-2016-10-11

閱讀全文>>

5大黃金準則幫你設計移動端郵件

分享達人 設計思維

用移動端收郵件的人越來越多,如何令郵件變得清晰易讀也成了一個設計難點。今天分享5個實戰經驗中總結的設計準則,幫你搞定小屏幕上的郵件設計 。

移動設備上的郵件設計不僅僅是一個內容填充列表,它涉及諸多設計元素。

對于移動設備的設計從來不是一件簡單的事情。人們采用不同的方式使用網絡,我們需要考慮一個全面的方案,特別是在小屏幕上使用郵件。

閱讀全文>>

優秀設計師應該知道的10大UI設計原則(下篇)

分享達人 設計思維

上一篇我們整理了優秀設計師應該知道的10大設計原則上篇供大家學習,今天,我們又整理了下篇的10大原則來和大家一塊探討,也歡迎廣大UI設計者參與討論,給我們多提寶貴的意見。

1)強烈的視覺層次感

如果要讓屏幕的視覺元素具有清晰的瀏覽次序,那么應該通過強烈的視覺層次感來實現。也就是說,如果用戶每次都按照相同的順序瀏覽同樣的東西,視覺層次感不明顯的話,用戶不知道哪里才是目光應當停留的重點,最終只會讓用戶感到一團糟。在不斷變更設計的情況下,很難保持明確的層次關系,因為所有的元素層次關系都是相對的:如果所有的元素都突出顯示,最后就相當于沒有重點可言。如果要添加一個需要特別突出的元素,為了再次實現明確的視覺層級,設計師可能需要重新考慮每一個元素的視覺重量。雖然多數人不會察覺到視覺層次,但這是增強設計的最簡單的方法。

閱讀全文>>

【原創】SEO選詞的具體方法

分享達人 seo優化

眾所周知,做SEO,成功的關鍵在于選詞。詞選不對,后續的工作做太多也只能是效果甚微甚至以失敗而告終。所以,今天就來簡單分享下SEO選詞的一些具體方法。

首先選詞要把握好三個要點:

閱讀全文>>

能用HTML/CSS解決的問題就不要使用JS

藍藍 前端及開發文章及欣賞

為什么說能使用html/css解決的問題就不要使用JS呢?兩個字,因為簡單。簡單就意味著更快的開發速度,更小的維護成本,同時往往具有更好的體驗,下面介紹幾個實例。

1. 導航高亮

導航高亮是一種很常見的問題,包括當前頁面的導航在菜單里面高亮和hover時高亮。你可以用js控制,但是用一點CSS技巧就可以達到這個目的,不需要使用JS。

1.png

2.png

在正常態時,每個導航的默認樣式為:

閱讀全文>>

日歷

鏈接

blogger

藍藍 http://www.thriveonsite.com

存檔

吉林快3开奖 极速快乐8 2019免费挂机网赚 上海时时乐 聚沙彩票注册 2019挂机网赚游戏 2019最新免费挂机网赚 网赚项目下载 19年网赚钱商机 2019调查网赚