Time of Update: 2017-02-28
有人說,工科背景出身的互動設計師跟視覺出身的互動設計是的區別之一是,前者設計的東西會不夠有美感,也就是很Low。雖然邏輯架構,特別是做大型管理系統的時候,可以很快把資訊和功能模組歸類,但是視覺知識和審美積澱,對我們這種工科生來說,
Time of Update: 2017-02-28
如何為網站設計使用者登入流程是一個老生常談的話題。隨著時代的發展,新使用者註冊、登入到真正加入一個網站的過程一直在變化,從簡單的資訊填寫發展到全面的註冊方式,再從系統的註冊迴歸簡約直觀的登入體驗,新使用者的登入流程經曆了一個迂迴的變遷過程。現如今,絕大多數的網站已經放棄了複雜、繁複的註冊流程,將使用者可能會遭遇障礙、引起使用者反感和煩躁的部分去除,儘可能簡單的讓使用者完成註冊和登入流程。 當使用者完成註冊之後,可以選擇性地提供額外的資訊,而這些資訊可能會給給使用者帶來更加定製化
Time of Update: 2017-02-28
來自 Medium 的設計師在這篇文章中預測了2016年最值得關注的設計趨勢,而老牌設計部落格Designmodo 對此也有自己的看法。新的技術和新的設計趨勢會在2016年逐一湧現,但是總體上來說,它依然會沿著2015的大趨勢來逐步演變。可以預見到的是,2016年會有更多的網站使用視頻背景,更多基於Material Design 風格的介面設計,投影片式的介面切換也會繼續火熱下去。 Designmodo 對2016年預測的設計趨勢有11種,其中許多確實和Medium
Time of Update: 2017-02-28
行動裝置 App 1. 各平台 (Android/iOS/HTML5/Web) 的標準設計語言接近一致 部分原生控制項上只存在風格上的差異,對使用者無顯著影響。 Material Design 不會大興其道,更不可能逆襲(用 Material Design 設計的 App 在 iOS 上使用),iOS 的實用主義設計會顯著影響 Material Design。 案頭常見的互動形式也將更多影響移動端,要支援 iPad Pro 這樣的生產級裝置,iOS/Android
Time of Update: 2017-02-28
在網頁設計中,如果網站首頁色彩處理得好,能讓整個網站錦上添花。而一些互動效果的巧妙使用,不僅讓網頁瞬間亮起來,甚至在提升使用者感知度和感官體驗上可以起到無可替代的作用。 我們這裡所說的互動主要是指,使用者通過滑鼠的懸停、滑動、單擊、拖動等互動方式來觸發事件,與目標對象產生互動。 本系列文章關於網頁文字設計,我們就先分享文字的互動效果。 文字互動過程的情境應該是這樣的: 一個使用者在瀏覽一個網頁時,注意到某些文字,當他用滑鼠移至上方、滑過、單擊、拖動(互動行為)與文字(互動
Time of Update: 2017-02-28
在設計流程中,設計評論是一個重要的環節。無論是在獨立的設計團隊,還是流動性、多遠的設計群組中,它都是整個設計過程中,無法忽略的部分。通過團隊的設計評論,在不同成員的審視、評論中得到反饋,讓你站在自己以外的角度來看待之前的設計作品,這樣可以更好地做設計決策,克服障礙,提升作品也提升自我。 當我剛剛加入Facebook的時候,我其實非常擔心每周一次為期2小時的設計評論的環節會被浪費——想必大家對此都能理解,因為在許多設計團隊內,設計評論往往會陷入兩種狀況:
Time of Update: 2017-02-28
在模板滿天飛的今天,開個部落格好像是一件特別簡單的事情,不是麼?平台就在那兒擺著,博主只需要去發文就好了,這有何難? 但是實際的狀況是,網站和部落格成千上萬,想要使用者注意到你,關注你,並不是一件簡單的事情。你需要怎樣做才能從大量的同類中脫穎而出呢? 打造一個漂亮的部落格並不要求你從頭搭建整個布局,你可有充分運用現有的模板,為它搭配上一個足夠漂亮又恰如其分的Banner
Time of Update: 2017-02-28
我遇到非常多這樣子的設計師,他們從不考慮「這樣設計稿交出去,工程師做不做得出來」的問題,也不願意去瞭解什麼叫「限制」和「規則」。如果你也想從畫表徵圖的變成UI設計師,這篇乾貨千萬要收藏。 「這樣做比較漂亮啊!」 「這樣做比較美啊!」 「使用者喜歡這樣子啊!」 (設計師指 UI 設計師,我懶得打這麼多字。) 可行性 輪胎為什麼不可以做成三角型?三角型比較帥啊! 想瞭解 UI/UX,就一定要瞭解這張圖,這是 Jesse James Garrett 在 2000
Time of Update: 2017-02-28
一、我們先使用Photoshop把準備更換背景的婚紗照片開啟。 二、使用工具列上的鋼筆工具,勾選人物的路徑。 三、當路徑閉合以後,再將路徑載入選區(按快速鍵CTRL+Enter). 四、按快速鍵CTRL+ALT+D執行半徑為2像素的羽化處理。 五、執行CTRL+SHIFT+I反選命令,現在選區中的內容就是我們將要刪掉的地區。 六、按F7開啟圖層面板,雙擊背景層解鎖。 七、然後按DELETE刪除選區內容。 八、再次執行CTRL+SHIFT+I反選。 九、依次按ALT-S-M-
Time of Update: 2017-02-28
從網上下載範爺的照片。 圖00 首先我說一下這個方法要用到的是什麼,ps上橫欄工作區中,濾鏡-抽出。 圖01 將圖片複製一層,然後濾鏡-抽出,這時會蹦出一個視窗。 圖02 第二步,在視窗右工具列中找到抽出第二項強制前景點對勾。 圖03 第三步,在視窗左側選擇吸管的表徵圖。 圖04 第四步,用吸管吸取頭髮的顏色,這裡要注意,因為頭髮顏色有亮有暗,我個人建議找到頭髮中間調吸取,此時前面打對勾的強制前景下面顏色會變成我吸取的這個顏色。 圖05 第五步,顏色選好後選擇視窗左側
Time of Update: 2017-02-28
色階及曲線設定面板中有一組吸管工具共有三個,由左至右分別代表:黑場、灰場、白場,也就是我們所示的暗部、中間調及高光。白場吸管吸取某一點顏色時候,系統會把這點色階數值到白色之間所有顏色變成白色。 本教程正是運用這種特性快速摳圖。過程:先用選區控制好範圍,如果圖片背景顏色比較均勻就不需要選區。然後用色階或曲線中的白場快速把背景轉為白色,一次不能轉換的可以多次使用。後期通過通道等摳出主體,或用修改混合模式等更換背景。 photoshop教程原圖 <點小圖查看大圖> 最終效果
Time of Update: 2017-02-28
Photoshop如何製作小水滴墜落動畫 最終效果 1、建立一個500 * 200像素,白色背景檔案,建立一個圖層添加下圖所示的放射狀漸層。 2、按Ctrl + Shift + N 建立一個空白圖層,快速鍵“U”選擇自訂形狀,選擇水滴。 3、建立空白圖層,按Ctrl點擊水滴圖層載入選區,填充白色。執行:濾鏡 > 模糊 >
Time of Update: 2017-02-28
photoshop製作一款手鐲的方法 1.開啟PS建立畫布500*500像素、解析度72 RGB顏色 8位 背景白色 2.選擇橢圓選框工具、按住shift+ait畫一個圓,這樣畫的圓才不會變形,然後填充50%灰色,不要取消選區繼續點擊 選擇--變換選區縮小選區,縮小時按住shift+ait不會變形。 3.縮小選區後按Delete鍵刪除,建立一個圖層,按一下D鍵恢複前黑後白的背景。 4.選擇慮鏡--渲染--雲彩,在點擊 選擇--色彩範圍,參數如圖設定,
Time of Update: 2017-02-28
果圖中用到的色塊較多,色塊的形狀,大小,顏色也各不相同。製作的時候一定要分好層次,按照一定的順序來製作色塊,需要邊製作表調整,畫面看去上自然即可。最終效果<點小圖查看大圖>1、建立一個壁紙大小的文檔如1024 * 768像素。背景填充黑色。建立一個圖層,用鋼筆勾出圖1所示的選區,按Ctrl + Alt + D
Time of Update: 2017-02-28
教程的頹廢撕邊效果製作非常經典。主體效果基本上是在通道完成的,先用設定好的畫筆塗上底色,然後用濾鏡加上頹廢效果,再用調色工具把紋理調清晰後頹廢紋理基本上就出來了。用通道的好處就是用調色工具可以控制紋理的強度和清晰度,達到我們想要的效果。最終效果1、開啟下圖所示的背景素材。 2、切換到“通道”面板,建立新通道“Alpha
Time of Update: 2017-02-28
為了讓大家看清楚,用一個深色的背景鋪在後面,只要不用黑色的就行了,最好有一點顏色,這樣可以讓光的部分有餘地發揮,最終效果圖。1、首先是畫一個期望的形狀,這個形狀也是任意的。只要看起來像你想做的效果就行了。這個步驟也是要用路徑來作。便於以後的修改。無論任何時候,路徑的填充都要比選區填充的要好。目前筆者的這個形狀就是橢圓形修改而來的。 2、看一下大概的路徑。
Time of Update: 2017-02-28
原圖最終效果圖1、開啟原圖,複製一層,選擇映像-調整-去色。2、映像-調整-變化,加深青色和深藍色。3、濾鏡-雜色-添加雜色,數量:8%,分布選擇:高斯分布。4、把圖層混合模式改為“柔光”,不透明度為:80%,合并。 5、建立一個圖層,填充黑色。6、選擇合造大小的畫筆並如右圖進行調整,用來製作雪花。7、用畫筆塗出雪花的形狀。8、濾鏡-雜色-添加雜色,數量:4%,分布選擇:平均分布,再把本圖層混合模式改為“濾色”。9、濾鏡-模糊-動感模糊,
Time of Update: 2017-02-28
Vectips紋理周。沒有理由,只是因為最近我在許多插畫裡用到了紋理,而且想傳授一些紋理方面的技巧。開始呢我們先熱熱 身,所以從製作類似泳池中的水波紋紋理開始吧。要使用到AI的效果、簡化、位移路徑命令和某些亮度高的顏色,這些技巧還是比較快捷簡單的。提示教程樣本由AI CS
Time of Update: 2017-02-28
教程來自:photoshoplady.com 如需轉載 請務必以超連結形式註明:來自活 力盒
Time of Update: 2017-02-28
先來看看效果圖:剛剛我做介面需要製作一條帶點凹陷在頁面的直線,努力經過半小時的研究。總結出其中的規律!有好方法當然要分享給大家啦。希望能對大家有協助!這樣的凹陷的的直線!一般都是由上下兩條一像素直線組合起來!然後通過顏色相差!差生凹陷效果,估計有很多人對這個顏色選定還存一定的不好把握!接下來我告訴大家一個巧妙選定顏色值的辦法當你要在一個顏色上做凹陷一條直線(比如說我現在在如下圖)背景顏色值 #555555 使用 單行選框工具 划出一條直線 (此線是兩條線位置處上面)建立一個圖層