日本阿v片在线播放免费,成人国产片视频在线观看,日韩黄片毛片在线观看,一区亚洲电影,琪琪秋霞午夜av影视在线,中文字幕在线视频不卡,最新大伊香蕉精品视频在线,亚洲AV无码日韩一区二区乱

      首頁

      從用戶出發(fā):移動設(shè)計原則小結(jié)

      藍藍設(shè)計的小編

      從用戶出發(fā):移動設(shè)計原則小結(jié)

      藍藍設(shè)計:本文作者總結(jié)了十四條關(guān)于移動端產(chǎn)品設(shè)計的原則,其提倡的核心原則就是從用戶出發(fā),充分考慮用戶的使用體驗。

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

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

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

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

      三、盡量減少產(chǎn)品層級

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

      從用戶出發(fā) —— 移動設(shè)計原則小結(jié)

       

      界面設(shè)計中需要注意的小細節(jié)

      藍藍設(shè)計的小編

      界面設(shè)計中的小細節(jié)

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

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

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

      那些迷人的按鈕設(shè)計

      藍藍設(shè)計的小編

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

      Radio fm buttons

      Iphone Camera App Ui

      BT UI Facelift

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

      藍藍設(shè)計的小編

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

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

      在線設(shè)計模板

      Wirefy

      以內(nèi)容優(yōu)先為原則的線框圖在線設(shè)計工具。允許你運用標準元素設(shè)計出響應(yīng)式線框圖。

      Wirefy in 50 Free Wireframe Kits and Web Apps

      Lumzy

      網(wǎng)頁設(shè)計和界面設(shè)計的原型設(shè)計工具。

      Lumzy in 50 Free Wireframe Kits and Web Apps

      Mockup Builder

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

      藍藍設(shè)計的小編

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

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

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

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

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

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

      00

      一個腳本語言更靈活,它表現(xiàn)形式的改變?nèi)Q于你輸入的參數(shù)或者是應(yīng)用程序的內(nèi)容。聽起來很有用?不是么?

      要求

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

      01

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

      翻滾吧網(wǎng)頁:30個漂亮視差滾動網(wǎng)站賞析

      藍藍設(shè)計的小編

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

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

      Fendi Life

      Fendi Life

      Twibfy


      Twibfy

      The Girl Effect

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

      藍藍設(shè)計的小編

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

      微盤下載

      WDD_IconsPreview

      原文鏈接:webdesignerdepot

      30個高端大氣的電影宣傳網(wǎng)站欣賞

      藍藍設(shè)計的小編

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

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

      The Hunger Games

      The Hunger Games

      The Heat


      The Heat

      We’re The Millers

      9個免費的響應(yīng)式網(wǎng)頁設(shè)計模板

      藍藍設(shè)計的小編

      隨著PC端、平板、智能手機等終端的發(fā)展,設(shè)備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕分辨率等)更加復(fù)雜,網(wǎng)頁展示需要考慮到各個終端的具體差異。

      因此,響應(yīng)式網(wǎng)頁設(shè)計受到了大家的推崇。通過文中的9個免費的響應(yīng)式網(wǎng)頁設(shè)計模板,希望能幫大家了解這種技術(shù)以及提高工作效率。

      1、TXT

      這個模板有一個主頁頁面以及一個博客頁面??煞譃橐涣谢騼闪?,你可以根據(jù)自己的意愿進行設(shè)定。側(cè)邊欄的個數(shù)也可以自己自由設(shè)定。(演示 | 下載

      1-TXT

       

      2、VERTI

      一個基于HTML5和CSS3的模板??梢苑至?,同時提供博客和主頁的模板。(演示 | 下載

      Verti

      10大創(chuàng)意教你玩轉(zhuǎn)網(wǎng)站背景設(shè)計

      藍藍設(shè)計的小編

      如何選擇一種最恰當?shù)木W(wǎng)頁背景是網(wǎng)站設(shè)計中最常見的問題之一。 通常網(wǎng)站設(shè)計者都已準備好網(wǎng)站內(nèi)容,而且版面布局大多也基本敲定。但背景要么是令人厭煩,要么是讓人眼花繚亂,讓設(shè)計者遲遲不能確定。

      今天,我們將介紹幾個實際網(wǎng)站來啟發(fā)你的靈感,看看如何設(shè)計趣味而又令人感興趣的網(wǎng)頁背景。收藏本文,當你再次閱讀時,你定會被某一個背景設(shè)計所迷戀。

      1. 素描設(shè)計

      這種設(shè)計在幾年前就變得比較流行,而且一直持續(xù)到現(xiàn)在。這靈感來源于在筆記本上的涂鴉亂畫,就像你十幾歲時在英文課上所作的那樣。每一部分都是些粗糙的素描表現(xiàn),頁面看似是非常隨意的創(chuàng)意集合,而它們都以不同的旋轉(zhuǎn)方式散布在頁面各處。NotchStudio就是很好地應(yīng)用了這種創(chuàng)意,并且以非常柔緩的方式表現(xiàn)出來。

      1

      即使你本人不善長繪畫,這種創(chuàng)意也是相當容易實現(xiàn)的,是因為這些涂鴉通常都是些非?;镜脑O(shè)計。如果擁有一部Wacom或iPad平板電腦,你就可以相當容易地描繪出你自己的圖片或者某種意義上能夠反映此類風格的書寫文本。還有很多免費字體如Pointy,可以幫你不費吹灰之力就可實現(xiàn)讓人贊不絕口的素描。

      2. 精細文稿設(shè)計風格

      紙張的質(zhì)地紋理總能激起設(shè)計者的激情,而且為所有年齡所適用。目前這種創(chuàng)意已不像幾年前那樣風靡,但是它還是會帶給你一種非常微妙的效果:如果你沒有看到它,那會讓你非常地想念。

      你注意到Beautiful Type所用的紋理設(shè)計,它既沒有偏離主題也沒有過分夸張,而是將一個原本看起來就很好的網(wǎng)站更是錦上添花。

      日歷

      鏈接

      個人資料

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

      存檔