各色各樣的餐飲類app界面設(shè)計(jì)

Recipes and Grocery List – BigOven

超過250000種食譜（包括你的和你朋友的），有了它，你的手機(jī)就是一個(gè)可移動(dòng)的食品雜貨鋪和菜單！超過七億下載，圍起來可繞地球N圈！

Real Recipes

Real Recipes（iPhone和iPod touch有）為你提示做美食需要的工具、簡(jiǎn)單的食材等。里面有灰常多其他用戶分享的食譜或者你自己的哆啦a夢(mèng)菜譜口袋、食物計(jì)時(shí)器的鬧鐘等~對(duì)了！還有一個(gè)配方微調(diào)器，就是你可以在短時(shí)間內(nèi)根據(jù)自己的需要調(diào)配完美的食譜，還有詳細(xì)的烹飪教程哦~

當(dāng)開始進(jìn)行新項(xiàng)目時(shí)，一般都會(huì)起步于線框圖。本文收集了大量的線框圖設(shè)計(jì)工具和套件。
交互設(shè)計(jì)師必備哦！

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

在線設(shè)計(jì)模板

Wirefy

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

Lumzy

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

Mockup Builder

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

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

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

但是，一開始，我們得回答以下這幾個(gè)明顯的問題：

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

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

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

要求

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

如果你對(duì)JavaScript一點(diǎn)都不了解，別害怕！有很多地方你可以了解程序的一些基本知識(shí)。例如：Codecademy，有很棒的完整的交互式課程。

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

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

Fendi Life

Twibfy

The Girl Effect

今天藍(lán)藍(lán)設(shè)計(jì)跟您分享一組免費(fèi)的扁平化圖標(biāo)，共有48個(gè)，包含了辦公，社交和旅行三種風(fēng)格，由Vecteezy設(shè)計(jì)。老規(guī)矩，讀完readme后使用更放心哦！

微盤下載

原文鏈接：webdesignerdepot

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

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

The Hunger Games

The Heat

We’re The Millers

網(wǎng)絡(luò)營(yíng)銷中撰寫營(yíng)銷文案也是非常重要的，網(wǎng)絡(luò)營(yíng)銷不是寫一篇軟文發(fā)布到博客、論壇，投稿到門戶就OK了。網(wǎng)絡(luò)營(yíng)銷也可以采取直銷的方式，利用郵件營(yíng)銷工具、QQ群郵件給潛在用戶發(fā)送營(yíng)銷信件。以及我們從B2B平臺(tái)時(shí)，有潛在客戶訪問了B2B平臺(tái)，我們可以主動(dòng)給該用戶發(fā)送營(yíng)銷信件，促使用戶下單（記錄到訪的潛在用戶需開通誠信通）。

銷售信就是直接向潛在用戶發(fā)送營(yíng)銷信件，直接向潛在用戶傳達(dá)有什么產(chǎn)品，能幫助到用戶什么等一種直銷的方式。下面分享網(wǎng)絡(luò)營(yíng)銷文案之銷售信是如何撰寫的。

開場(chǎng)白
開場(chǎng)白需要在簡(jiǎn)短的1-2句話就調(diào)動(dòng)潛在用戶的興趣，肯花時(shí)間繼續(xù)閱讀你的營(yíng)銷信件內(nèi)容。也就是說在信件正文中第一段不能打動(dòng)用戶，那么你的營(yíng)銷信件就失敗。

表達(dá)意圖
引起用戶的興趣以后，就需要向用戶表達(dá)你的意圖是什么，能夠幫助到用戶什么。為什么可以幫助到用戶，可以舉例說明。

解決質(zhì)疑
分析用戶在使用這個(gè)產(chǎn)品之前會(huì)遇到一些哪些問題，針對(duì)于這些問題做出詳細(xì)的解答，解決用戶使用中遇到的疑難問題，減少用戶購買前顧慮。

激發(fā)行動(dòng)
用戶看到這個(gè)地方的時(shí)候，是有意向的用戶。我們必須將用戶采取行動(dòng)的步驟，使用不好又該如何操作等處理流程詳細(xì)寫清楚。

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

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

1、TXT

這個(gè)模板有一個(gè)主頁頁面以及一個(gè)博客頁面。可分為一列或兩列，你可以根據(jù)自己的意愿進(jìn)行設(shè)定。側(cè)邊欄的個(gè)數(shù)也可以自己自由設(shè)定。（演示 | 下載）

2、VERTI

一個(gè)基于HTML5和CSS3的模板?？梢苑至?，同時(shí)提供博客和主頁的模板。（演示 | 下載）

如果我說要給你看一個(gè)3D flash網(wǎng)站，那么你腦海中想到的第一個(gè)關(guān)鍵字會(huì)是神馬呢？酷！炫！亮瞎？是的，這些似乎已經(jīng)約定俗成成了flash網(wǎng)站的夸獎(jiǎng)詞。Flash可以用于web頁面組件的設(shè)計(jì)，同時(shí)也能開發(fā)互聯(lián)網(wǎng)應(yīng)用。Flash設(shè)計(jì)可以看作一種藝術(shù)形式，由于它具有其驚人的設(shè)計(jì)及動(dòng)畫表現(xiàn)。除了坑爹的網(wǎng)速會(huì)詬病外，但它本身絕對(duì)是讓人無法抗拒的。那么今天就讓我們來欣賞20個(gè)引人注目的3D Flash網(wǎng)頁設(shè)計(jì)。

1. 2Brand:

2. Coca Cola:

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

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

1. 素描設(shè)計(jì)

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

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

2. 精細(xì)文稿設(shè)計(jì)風(fēng)格

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

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