-
移動端設(shè)計尺寸基礎(chǔ)知識
初涉移動端設(shè)計和開發(fā)的同學(xué)們,基本都會在尺寸問題上糾結(jié)好一陣子才能摸到頭緒。我也花了很長時間才弄明白,感覺有必要寫一篇足夠通俗易懂的教程來幫助大家。從原理說起,理- 37.5k
- 0
-
2011年網(wǎng)頁設(shè)計發(fā)展趨勢
設(shè)計與開發(fā)之間本有一線界限,但當時代步入又一個十年,這個線變得更加模糊甚至感覺不到它的存在。使用PS設(shè)計網(wǎng)頁版面,足矣?或許五年前是吧!現(xiàn)在的互聯(lián)網(wǎng)用戶要求越來越多。沒有內(nèi)涵的華麗很快就會被丟棄。如果你追求華而不實的設(shè)計,那么相信你很快會被- 28.5k
- 0
-
點線面設(shè)計作品賞析
點線面的構(gòu)成練習(xí)是平面設(shè)計中很重要的基本功,這里我們特別收集了ari的點線面的構(gòu)成練習(xí)作品,相信能給大家平日的設(shè)計學(xué)習(xí)提供一些參考和思考。 aki: 花了很多時間構(gòu)思,因為剛開始時,思維還沒有進入狀態(tài)。 redfall: 面積有點一致了,總體不錯。 aki: 在第- 25.1k
- 0
-
2015年網(wǎng)頁4種布局趨勢
近十年來,互聯(lián)網(wǎng)已經(jīng)發(fā)生了翻天覆地的變化,然而它其實一點也沒變。如果看看10年前,我們會發(fā)現(xiàn)大批網(wǎng)站都有一套通行的排版模式。頁頭、頁腳、側(cè)邊欄和內(nèi)容區(qū)域,構(gòu)成了這種- 23.7k
- 0
-
H5動效的常見制作手法
眾所周知,一個元素,動往往比靜更吸引眼球; 一套操作界面,合適的動態(tài)交互反饋能給用戶帶來更好的操作體驗; 一個H5運營宣傳頁,炫酷的動畫特效定能助力傳播和品牌打造。 近- 22.1k
- 0
-
2017年十個UI設(shè)計趨勢
UI 設(shè)計越來越重要,它在直觀塑造企業(yè)形象的同時,也成為留住用戶的關(guān)鍵。與此同時,UI 的設(shè)計風(fēng)格每一年都在發(fā)生變化。就像是扁平化、手勢、微交互、卡片式成為過去兩年中的關(guān)- 20.6k
- 0
-
讓人過目不忘的H5頁面
從引爆朋友圈的H5小游戲《圍住神經(jīng)貓》,到顛覆傳統(tǒng)廣告的大眾點評H5專題頁《我們之間只有一個字》,從2014下半年起,各種H5游戲和專題頁紛紛嶄露頭角。H5,這個由HTML5簡化而來的- 18.5k
- 0
-
淺談數(shù)據(jù)可視化和信息可視化
我們常常迷失在數(shù)據(jù)中,紛繁復(fù)雜的數(shù)據(jù)讓我們無所適從。可視化作為解決這問題的有效手段,通過視覺的方式讓數(shù)字易于理解。 數(shù)據(jù)可視化和信息可視化都是可視化的一種方式,數(shù)據(jù)- 16.5k
- 0
-
日常設(shè)計:網(wǎng)站設(shè)計靈感的十個來源
原文:Everyday Design: 10 Sources of Web Design Inspiration 地址: http://designmodo.com/everyday-design/ 如有誤翻請拍磚~ 不僅僅是網(wǎng)頁方面的設(shè)計,這個世界上圍繞在我們身邊的所有東西都可以激發(fā)我們- 16.4k
- 0
-
-
UI產(chǎn)品設(shè)計流程中的14個要點
自從我在Dribbble上貼了一幅我的產(chǎn)品設(shè)計成果,受到了大家伙熱烈的反饋,對此我深受鼓勵,我決定寫下這篇文章,用來記錄我這兩年里作為產(chǎn)品設(shè)計師,所學(xué)到的東西。 說起來有點慚- 14.8k
- 0
-
Web配色:色彩設(shè)計方法
為什么要整理設(shè)計色彩方法? 在色彩設(shè)計應(yīng)用中,我們對顏色不同程度的理解,影響到設(shè)計頁面的表現(xiàn),熟練地運用色彩搭配,設(shè)計時豈不事半功倍。一張優(yōu)秀的設(shè)計作品,它的色彩搭- 14.5k
- 0
-
iOS尺寸單位pt、ppi與px之間換算關(guān)系
單位: pt:ios開發(fā)單位,即point,絕對長度,1pt=1/72英寸。 ppi:Pixels Per Inch,即每英寸所擁有的像素數(shù)目,屏幕像素密度。 公式: 舉例: 比如iphone3gs的像素分辨率是480px320px, 按下圖計- 14.4k
- 0
-
2015年主要的4種網(wǎng)頁排版趨勢
近十年來,互聯(lián)網(wǎng)已經(jīng)發(fā)生了翻天覆地的變化,然而它其實一點也沒變。如果看看10年前,我們會發(fā)現(xiàn)大批網(wǎng)站都有一套通行的排版模式。頁頭、頁腳、側(cè)邊欄和內(nèi)容區(qū)域,構(gòu)成了這種- 11.8k
- 0
-
APP UI界面的版式設(shè)計理論
APP UI 的界面看似只有幾個簡單的元素組合起來,所有元素的繪制可以說比較簡單,然而當一個產(chǎn)品原型出來后,設(shè)計師如果單純按原型來進行設(shè)計而不考慮信息化規(guī)則,那么很多時候就- 11.1k
- 0
-
Tab選項卡的產(chǎn)品設(shè)計原則及應(yīng)用
譯者:西喬 來源: Smashing Magazine 作者:Jacob Gube Module Tabs(也稱選項卡,后文中簡稱Tab,以便更符合中國設(shè)計師的日常叫法) 是一個常見的交互元素——將不同的內(nèi)容重疊放置在某一布局區(qū)塊內(nèi),重疊的內(nèi)容區(qū)里的每次只有其中一層是可見的。用戶通過鼠- 10.9k
- 0
-
不要被F型瀏覽忽悠了
什么是F型瀏覽? 2006年4月,美國長期研究網(wǎng)站可用性的著名網(wǎng)站設(shè)計師 杰柯柏·尼爾森(Jakob Nielsen) 發(fā)表了一項《眼球軌跡的研究》報告(原文: F-Shaped Pattern For Reading Web Content )。 報告中提出,大多數(shù)情況下瀏覽者都不由自主的以“F”形狀- 10.7k
- 0
-
淺談網(wǎng)頁設(shè)計中的構(gòu)圖
網(wǎng)頁給人最直觀的感受就是它的頁面框架與構(gòu)造,就像一座大樓的主體框架與形態(tài),你可能記不起東方明珠塔和艾菲爾鐵塔是用什么顏色或什么材料涂的外墻,但我想你一定記得起它們的什么樣的形狀。同樣,網(wǎng)頁設(shè)計中的構(gòu)圖也足以影響到整個網(wǎng)站給人的感受,雖然比- 10k
- 0
-
Loading進度條動效形式實例解析
在瀏覽網(wǎng)頁、玩游戲、手機應(yīng)用等場景,因為網(wǎng)速慢或是硬件差的關(guān)系,難免會遇上等待加載的情況,沒人喜歡等待,耐心差的用戶可能因為操作得不到及時反饋,直接選擇放棄。 正所- 9.6k
- 0
-
設(shè)計的7條心理學(xué)原則和定律
在設(shè)計中,心理學(xué)無處不在。正因為心理學(xué),我們才了解紅色很適合用于餐飲業(yè)的logo因為它能增進食欲或者讓首屏的行動指令按鈕產(chǎn)生更多轉(zhuǎn)化。 也就是說,作為設(shè)計師,你不能忽視- 9k
- 0
-
App動效原理和應(yīng)用設(shè)計
前言 時下對動效的追捧,瘋狂至可以用一句話形容沒有動效的APP,簡直不是好的APP。優(yōu)秀的動效設(shè)計在提升產(chǎn)品體驗、用戶粘性方面的積極作用有目共睹,已然成為現(xiàn)下Web、APP產(chǎn)品交互- 8.8k
- 0
-
網(wǎng)頁設(shè)計師必須掌握的7項技能
網(wǎng)頁設(shè)計既是一門科學(xué)也是一門藝術(shù)。網(wǎng)頁設(shè)計工作一半基于正確的編程和設(shè)計技巧,另一半則基于是否對美與不美有著直覺般的敏銳度。一名稱職的網(wǎng)頁設(shè)計師一定要熟練掌握核心基- 8.7k
- 0
-
做好扁平化設(shè)計:視覺篇
扁平化設(shè)計無疑是當前討論最多,最火的設(shè)計形式,自ios7面世以來更是將扁平化設(shè)計的討論推向風(fēng)口浪尖。 在這里我不想分析擬物設(shè)計和扁平化設(shè)計的優(yōu)劣,更不想說誰更好!在形式- 8.5k
- 0
-
網(wǎng)站導(dǎo)航設(shè)計的6個分類
文章來源: http://www.lvdoujing.com/?p=227 轉(zhuǎn)載請注明出處 導(dǎo)航是網(wǎng)頁設(shè)計的重點,我們在設(shè)計一個網(wǎng)站的時候,常常從導(dǎo)航入手,不夸張的說,導(dǎo)航的設(shè)計甚至決定了整個網(wǎng)站的風(fēng)格。這就需要我們平常多留心收集優(yōu)秀的案例,在需要的時候才能手到擒來。在前- 8.4k
- 0

























