藍藍設計的小編
網頁設計中彈出窗一般用于簡短的文字介紹,是十分常用的一個代碼。通過CSS3動畫樣式,我們可以實現不同交互的彈出框。
下面這個DEMO演試有19種不同動畫效果的彈出窗,如向上、向左、右、全屏、漸變展示等等。
在線演試 代碼下載
你最近是不是設計了一款時尚潮流大氣國際化并支持Responsive Web Design布局的網站界面?然后準備向客戶展示一下你的才華?我知道你很牛X,但先別急哦,接下來加上這個RWD – PSD裝備才是最完美的組合。
RWD相關展示工具:超方便的移動、平板設備在線截圖工具
用APPLE系列的產品設備UI來作為展示,我想這是最適合不過了!PSD分辨率:1400×800 PX, 這個滿足你高清的欲望了吧?
PSD素材有二個版本,下面展示的是
讓我們一起看看網頁設計師是如何運用“翡翠綠”來配色。
這里也有一些關于翡翠綠的介紹以及作品欣賞
查看網頁
一般設計師的入門方法之一就是臨摹優秀的大師級作品,網頁設計也不例外,如果你想學習優秀網頁設計,而且是設計新手,那么臨摹別人的設計作品是最好的方法,當然前提是你要懂photoshop的一些基本用法。
下面設計達人網為大家分享2013流行的網站UI模板,分別有fackbook、Github、apple等優秀網站,這些網站UI設計十分優秀,源文件的字體、圖標、排版布局大小都和原來網站的一模一樣,細節很到位,值得下載來學習!
下載地址:微盤下載
對于新手網頁設計師來說,可能拿到優秀的網站模板PSD源文件是很好的,因為這樣可以從里面深入學習很多有用的技術和技巧,這些網頁模板設計很精致,設計師們應該認真看看它們的設計細節、如何用柵格線布局、配色方案等等。
最近蘋果發布了iOS7 系統,除了系統優化外,UI界面設計得到了很大的改變,這個界面在移動網站、APP UI上十分友好,如果想學習或設計相關扁平化設計風格的作品,那么接下來這套全新的免費的iOS7 UI KIT你一定會喜歡!
這個UI設計包是免費的,而且是PSD分層文件,所以你很容易就能去編輯它,修改為自己喜歡的樣子。而且界面元素很完整,幾乎所有需要的設計元素都包含在里面了,我想用這個來設計一個APP界面會很快就能出來!甚至用來做原型草圖也很漂亮。
設計元素很多,屏幕、按鈕、菜單等等都有了。
人們每談到設計很自然的就會聯想到創意、想法。作為設計師,好像我們的大腦里就理所應當地充滿了各種創意,然而這些創意是本來就存在于大腦里的嗎?顯然不是。有人說創意來自冥想,我不否認有些天賦超人的設計神人可以通過冥想產生內容,但是對于非神設計師來說,冥想只是一個將腦海中的舊有內容進行重新組合并且呈現出來的一個方法。所以創意的內容其實不是來自冥想,而是來自設計師平時的積累,積累的越多,設計知識越豐富,創意和想法也就越多。經常聽到這樣的話:作為一個設計師想要提高水平,就要多看多思考多實踐。于是很多人把業余時間都投入到無盡的圖庫之中,試圖以此提高自己,但是在被各種優秀的設計作品吸引的同時,往往忽略了更為重要的知識管理。
你是不是經常遇到這樣的情況?
一個頁面的細節,從重構的角度去看,頁面的精細度,代碼的可讀性、擴展性,為下游服務的代碼注釋,交互接口樣式的書寫,代碼的壓縮,圖片的優化等都可以歸為細節處理,我的理解是,剛才提到的細節處理是每個重構工程師都應該具備的基本技能,不能算是真正意義上的細節,好的細節處理應該是從用戶出發,應該是發自內心對用戶的一種關懷。下面有兩個小例,都是我們做頁面時常見的板塊,如果我們細心處理一下,也許會讓用戶會倍感貼心。
作為設計師,在創建網站的時候,最關心的是在不影響可用性的情況下如何捕捉觀眾的注意力。做到這點的唯一方法是通過提升你的創意水平,以創造一些真正令人印象深刻的東西。
顏色有不同的作用,在網頁設計中的有強烈的色彩心理學概念。紅,綠,紫,橙......所有這些都會刺激觀眾的感受和情緒,所以當你選擇配色方案的時候,你需要做一個小小的研究。在這篇文章中,你將看到30個使用鮮艷的色彩的華麗網站。
藍藍注:此文有些圖片沒有顯示全, 下載此文及圖片請點http://m.ssll180.com/what%20to%20do%20APP%20ui%20design.docx
用戶在面對移動應用時,心態有三大特征:第一是微任務,我不會拿手機寫一篇論,不會從頭到尾看一部電影,使用是隨時隨地的;第二是查看周遭,也就是我所處的環境。我可能會打開手機,看有什么好的館子,有什么好的電影,打折團購等等;第三個是無聊,很多移動用戶更多情況是無聊的,打開手機,從左到右的翻,翻到最后再把手機關掉。
針對這三種特征的心態,我們怎么樣去面對?第一,應用最好是小而準,不要大而全。越全的功能應用,只能代表著這個應用在各方面的都很平庸;第二個要滿足用戶的情景需求;第三個要幫助用戶去消磨時間。
藍藍設計的小編 http://m.ssll180.com