做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

首頁

從用戶出發:移動設計原則小結

藍藍設計的小編

從用戶出發:移動設計原則小結

藍藍設計:本文作者總結了十四條關于移動端產品設計的原則,其提倡的核心原則就是從用戶出發,充分考慮用戶的使用體驗。

一、充分考慮用戶的使用習慣

比如大多數人拿手機的時候是雙手握還是單手握,單手握的時候是右手操作還是左手操作,操作的時候用哪個手指就能進行操作。考慮到用戶的使用習慣有助于在設計時避開手指的觸碰盲區。

二、充分考慮用戶的使用場景和干擾源

用戶使用產品是在什么時間,什么地點,什么環境下使用?譬如,用戶經常在嘈雜的環境中使用自己的產品,這時候的干擾源就是噪音,產品設計時應避免使用語音技術;用戶經常在擁擠的環境中使用產品,則產品設計時應避免用戶過多地進行輸入操作;用戶經常在地鐵等網絡環境不好的場所使用產品,產品就應該自動保存用戶的信息,防止信息的丟失。

三、盡量減少產品層級

在移動設備上,過多的層級會使用戶失去耐心而放棄對產品的使用。如果產品層級確實過深,考慮用一下幾種方法扁平化你的層級結構:使用選項卡(tabs)結合分類和內容的展示;允許穿越層級操作,比如允許用戶在第一層級對第二層級的內容進行直接操作(新浪微博信息列表頁的長按)。

從用戶出發 —— 移動設計原則小結

 

界面設計中需要注意的小細節

藍藍設計的小編

界面設計中的小細節

界面設計包括哪些細節、如何深入?
我們常說“細節決定成敗”,有些界面會讓人覺得不精致,缺細節,而這些細節又包括哪些呢?如何去深入呢?

不妨來看本文作者,百度用戶界面設計師@JJ-Ying 為您娓娓道來:

  • 界面元素的對齊,我見過很多同學對齊是永遠靠眼睛的。確實在布局的時候經常需要做到視覺上的對齊,而不是機械的對齊,但這不是界面元素可以隨意擺放的借口,該對齊的內容需要對齊,有時候只是舉手之勞,養成好習慣很重要,有點強迫癥也不是壞事情。
  • 像素,雖然現在的分辨率越來越高,但是很多圖標、按鈕的邊緣還是最好都檢查一遍保證垂直和水平邊緣不會被虛化。
  • 界面光源的一致性,一致性是個很大的課題,應該能寫一篇論文那么長,細節方面的一致性應該包括界面元素、文字陰影、圖標等的光源。假設深色的標題文字用了向下的淡色投影表現內凹效果,那正文就應該避免用深色的文字向上投深色的陰影
  • 圖標面積的一致性,這也是一個一直難以避免的問題,而且有很多主觀成分,最好的方法是設計的時候放到實際屏幕上以較遠的距離查看,是不是有哪些會特別輕或特別重,然后再去調整尺寸
  • 文案,雖然這不是直接的界面設計元素,但是嚴謹、完整的文案也是給所有設計加分的。常見的問題有中文錯別字、英文該大寫的沒大寫、拼寫錯誤等等
  • 別直接使用 Windows 自帶宋體 / 黑體里的英文!!!這個不解釋
  • 謹慎地使用高飽和度顏色、大差別漸變,我們 GUI 設計師總喜歡把自己當做藝術家,即使 GUI 真算藝術那也是限制最大的一門藝術(天朝的電影、電視劇不算。。。),大家大部分情況下遇到的設計場景沒有非常大的顏色空間去發揮,所以一些醒目出跳的顏 色和漸變使用起來要比較小心,否則很容易產生“俗氣”的感覺

那些迷人的按鈕設計

藍藍設計的小編

按鈕是網頁設計最重要的組成元素之一,是用戶和網站進行交互的重要橋梁。要設計出優秀的按鈕設計是一件非常困難的事情,因為設計師們需要從整體設計的角度考慮按鈕設計成什么樣的風格才能和頁面的其它部分很好的融合,同時按鈕的設計要操持風格的一致性。下面和大家分享網頁設計中15個迷人的按鈕設計案例,一起欣賞。

Radio fm buttons

Iphone Camera App Ui

BT UI Facelift

30有吸引力的搜索框設計PSD免費下載

藍藍設計的小編

網頁設計中其實有個很重要的設計元素常常被大家忽視,呃!它就是搜索框!別看一個搜索框就是一個小盒子、一個小方框!它可有著莫大的用處。它經常會出現在角落或者側邊欄,它能迅速幫助你的訪問者找到資料(靠用戶自己腦海的習慣記憶以及和你網站匹配的關鍵字)。

國外的網站上,大家都可以看到,這個小框子的交互和設計越來越別出心裁了。那些交互和細節優化不僅僅是為了吸引訪客的眼球,更多時候,是在培養用戶對搜索框的使用,上留住訪客,并把你的網站上的每一個干貨展現給訪客。

那么,今天我們收集了一些漂亮的搜索框設計,來細細品味一下吧!它們從字體、顏色、陰影、梯度等不同角度做了改變!希望對您的項目有幫助!

Free Custom Search Boxes (PSD)

Free Custom Search Boxes (PSD)

Source

Search Bar PSD

Search Bar PSD

22個iPhone食譜APP!餐飲類界面設計參考

藍藍設計的小編

各色各樣的餐飲類app界面設計

Recipes and Grocery List – BigOven

超過250000種食譜(包括你的和你朋友的),有了它,你的手機就是一個可移動的食品雜貨鋪和菜單!超過七億下載,圍起來可繞地球N圈!

Real Recipes

Real Recipes(iPhone和iPod touch有)為你提示做美食需要的工具、簡單的食材等。里面有灰常多其他用戶分享的食譜或者你自己的哆啦a夢菜譜口袋、食物計時器的鬧鐘等~對了!還有一個配方微調器,就是你可以在短時間內根據自己的需要調配完美的食譜,還有詳細的烹飪教程哦~

交互設計師必藏:50個線框圖套件和在線設計工具

藍藍設計的小編

當開始進行新項目時,一般都會起步于線框圖。本文收集了大量的線框圖設計工具和套件。
交互設計師必備哦!

推薦閱讀:
《推薦!交互細節中的那些變形金剛》 
《iOS用戶體驗設計:如何構建交互模式》 
《20個專為無線端設計提供靈感的資源站》

在線設計模板

Wirefy

以內容優先為原則的線框圖在線設計工具。允許你運用標準元素設計出響應式線框圖。

Wirefy in 50 Free Wireframe Kits and Web Apps

Lumzy

網頁設計和界面設計的原型設計工具。

Lumzy in 50 Free Wireframe Kits and Web Apps

Mockup Builder

誰說設計師不會寫代碼?超簡單Photoshop腳本語言介紹

藍藍設計的小編

自動化對每個設計師的工作來說是很有用的。它可以在重復的任務上節省寶貴的時間,還能夠幫我們更快捷、更容易的解決一系列問題。

你可以使用photoshop的動作來使工作流程自動化,這是很流行的,大多數人都知道并且已經在使用的方法。今天,我們將介紹給你一種高級的自動化技巧:腳本語言。所有的這一切僅僅需要你有一點點關于JavaScript的基本知識,這對于我們中的一些網頁設計師往往都是具備的。

我很多年前就知道Photoshop的腳本語言,但是我幾個月前才開始決定研究它。我忽視了它是因為我認為那是聰明的具有數學思維能力的程序員的領域。但是我錯了,今天我將要來告訴大家,盡管它需要一些基本的程序技巧,腳本語言并不是那么難掌握。

但是,一開始,我們得回答以下這幾個明顯的問題:

為什么我們需要腳本語言?

為什么我們在Photoshop已經有了很棒的動作之后還要需要學習腳本語言?答案是交互性!當你使用動作時,你不能真正的控制它在不同情況下的表現,就像錄像帶不停的一遍又一遍的播放而沒有任何改變。

00

一個腳本語言更靈活,它表現形式的改變取決于你輸入的參數或者是應用程序的內容。聽起來很有用?不是么?

要求

你不需要是一個會寫腳本語言的高級的程序員。我就僅僅是一個平面設計師,就像你們大多數人一樣。但是你需要對JavaScript至少有一個基本的了解,以及一些屬性和方法的經驗去領悟這篇文章的大部分內容。

01

如果你對JavaScript一點都不了解,別害怕!有很多地方你可以了解程序的一些基本知識。例如:Codecademy,有很棒的完整的交互式課程。

翻滾吧網頁:30個漂亮視差滾動網站賞析

藍藍設計的小編

大概一年前,我們還在預測視差滾動能否成為趨勢,現在,視差滾動網站已經紛繁多樣了,到處都有它的影子,除了新奇的體驗,網站的縱深感也令人置身其中。在5月份的時候,優設推薦了一篇視差滾動指南,當下是讓它真正大展身手的時候了,對這個技術感興趣的同學移步:《滾動視差設計指南》閱讀學習,同時誠摯推薦這《11個超炫的視差滾動網站》,先感受一下它的魅力何在。

今天推薦的視差滾動網站有點特別,是縱橫向兼有的,還包括了flickr、tumblr、bahance等知名網站,希望你能在這里找到靈感,創建一個自己的視差滾動網站 : )

Fendi Life

Fendi Life

Twibfy


Twibfy

The Girl Effect

新鮮熱辣:48枚扁平化圖標免費下載

藍藍設計的小編

今天藍藍設計跟您分享一組免費的扁平化圖標,共有48個,包含了辦公,社交和旅行三種風格,由Vecteezy設計。老規矩,讀完readme后使用更放心哦!

微盤下載

WDD_IconsPreview

原文鏈接:webdesignerdepot

30個高端大氣的電影宣傳網站欣賞

藍藍設計的小編

得力于互聯網的進步,電影宣傳網站也成為提升電影格調的重要方面,還記得《少年派的奇幻漂流》官方網站就令人贊不絕口,甚至有人因此選擇進電影院觀看。現在,有很多設計師也在為電影宣傳作努力,在國內,這是一個新興的宣傳方式,設計師必須在網站中平衡好視覺表現和信息傳遞,對經驗不足的設計師來說,可能還沒有頭緒,那么這里有30個熱門電影(饑餓游戲、了不起的蓋茨比、金剛狼2等)的優秀宣傳范例,你可以學習借鑒一下  : )

說到電影,推薦這10部:《設計師應該看的10部電影》,找電影資源可以到這兒:《90%的人都不知道的電影資源下載站》,大多數是高清版唷。

The Hunger Games

The Hunger Games

The Heat


The Heat

We’re The Millers

日歷

鏈接

個人資料

藍藍設計的小編 http://91whvog3.cn

存檔