1、網頁設計文案的重要性以及如何做好內容為中心的設計
設計師往往忘記重視設計結構那樣重視編寫文案,以便在網頁上突出文案。今天我們將討論為什麼文案是如此的重要,誰又應該學習掌握它,以及如何做好內容為中心的設計。 設計好,文案差 As designers, we rightfully spend our time focused on aesthetics. We are pixel pushers who firmly believe with the strongest conviction that attractive websites are fundamentally better websites. 作為設計師,我們理所當然地多花時間專注於美學方面。有吸引力的網站可以從根本上改善網站,我們正是這種觀念最堅信的推崇者。We build our mockups with 「lorem ipsum」 so we can go back and write something better when we have the time. Deadlines approach and still we put off the text until the last possible second. Finally, as our various GTD apps inform us that the time has come to submit the artwork, we hash out some quick text to throw onto our beautiful creations and send them off, without a visual blemish yet still marred by the subpar copy that appears on every page. 我們使用「Lorem Ipsum」文本排版生成器建立我們的排版模型,所以我們有時間的時候還可以回頭寫更好的東西。而截止日期的做法(甚至是我們自己)仍然有可能把文案推遲到最後一秒。然後,各種GTD程序通知我們是時候提交我們的作品了,我們就在漂亮的作品上臨急臨忙的放些速寫的文字,然後就扔出去了。最後每個頁面即使視覺上都沒有什麼挑剔,卻依然看到很多美中不足的文案。 For many of us, this is simply how we』re programmed. We』re visual beasts that thrive on good design. The problem of course is that the neglect of solid copy will often cause the finished proct to suffer as much or more than a poor design. Unless designers are your target market, your user base will be populated largely by indivials that don』t speak design. Show them Dribbble.com and they』ll wonder aloud why anyone would ever create such a service. 對於我們大多數人而言,如何編程對我們來說簡單的很,我們是靠優秀設計成長壯大的視覺怪獸。然而問題是,我們對實在文案的忽視導致我們最終的成品大受影響,影響甚至超過那些差勁的設計。除非你的目標市場是設計師,否則你的用戶群中大多都是不跟你談設計的。你告訴他們Dribbble.com,他們會好生奇怪,為什麼有人會提供這樣的服務。 Sure, they can often interpret what is ugly and what isn』t similarly to how we can, but only on an intuitive level. What they really notice is how the website feels. Whether it』s smooth or clunky, easy to navigate or impossible. This is what is meant when designers say that great design is transparent. If your users notice your interface too much, it』s probably because they hate it. 當然,他們往往可以解釋什麼是醜陋的,什麼是雷同的,就像我們一樣,但只能在一個直觀的水平。他們真正在意的是網站的整體感覺,是否流暢或繁瑣,是否易於操作。這就是設計師所說的,優秀的設計是透明的。如果你的用戶對界面很關心,很有可能是因為他們很討厭這個界面。 This same metaphor of transparency applies to copywriting on the web. It』s worth noting that the average user is in fact trained in reading and writing far more than design, though still only as much as a standard ecation supplies. To these users, we』ll call them 「normal people」 as opposed to we visual freaks, browsing the web is a reading experience. Evaluating a service involves skimming the sales pitch and reading the list of features as much or more than evaluating the visual layout of the elements on the page. They』ll even hire a designer based as much on what he says about himself as what appears in his portfolio. If you have strong copy, they won』t notice or evaluate it too much,they』ll be far too busy being convinced of what it』s saying. 這個透明的比喻同樣適用於網頁上的文案。值得一提的是,實際上一般用戶在閱讀和寫作方面所受的教育要遠遠超過設計方面,雖然依然只是一個標准教育的產品。對於這些用戶,我們會稱他們為「正常用戶」而不是我們這些視覺怪獸,瀏覽網頁對他們是一種閱讀體驗。他們關注那些涉及到服務的促銷廣告詞和特性列表的閱讀,相當甚至是超過關注網頁上元素的視覺布局。他們甚至會更願意聘請這樣的設計師——他們自己說什麼就做出什麼樣的設計作品。如果你有足夠扎實的文案,他們就不會太在意或諸多評價,他們正忙於確信文案的內容。 Heads or Tails? 正面還是反面? The point that I』m driving at here is that design and copywriting are two sides of the same coin; inseparable in every way. The user doesn』t see the design and the text, he sees a website. A single integrated item that is either desirable or not. 在這里我想說的關鍵點是,設計和文案是一個硬幣上不同的兩面,是相互聯系密不可分的。用戶不是單純看設計還是文字,而是在看一個網站,一個單獨的綜合項目的可取與否。 The trick then is to toss out 「lorem ipsum」 for as much of the design process as possible. Stop designing without any notion of the goal of the design. To engage in design without copy is to build a box before you know what will be placed inside. To put it differently, consider the following quote from Jeffrey Zeldman 有一個技巧是在設計過程中盡可能的揚棄」文本排版「。如果沒有任何設計目標的概念,就停止那些設計。如果設計沒有文案,在你了解要放什麼在裡面之前可以先留出一塊方框。換種方式講,應該考慮一下Jeffrey Zeldman下面這句話:「內容先於設計。沒有內容的設計那不是設計,是裝飾。」This is precisely my point. Unless you』re designing purely for the sake of design and not engaging in some professional venture, the design should serve to reinforce the message, not the other way around. 這正是我的意思。除非你是純粹為設計而設計,而沒有涉及到一些專業風險,設計應有助於加強內容消息,而不是相反。 As an experiment, try building your next project by first placing in all the content that should be on the page. Throw in the headlines, the copy, the features, the widgets, the navigation; everything you can think of, but do so without design. The first step is merely to put it all in one place. Once you』ve got it there, then begin to style it. Think about different ways you can arrange it, color it, and bring it to life. 作為一個實驗,在你的下一個項目中可以嘗試一些把應該在頁面顯示的內容最先放上去。加上標題,文案,專欄,小掛件,導航,一切你能想到的,不要帶設計。首先是把所有內容都放上去,一旦你想好了排版位置,然後開始風格化。你可以嘗試不同的方式來編排,加些顏色,讓頁面活潑起來。 This will lead to design that is both more effective and more original. It will be more effective because the entire page is structured to highlight and communicate your primary message. Obviously, to even begin this design process, you』re forced to focus entirely on structuring your communication. Use a simple text editor so that you』re not distracted by how the message looks. Instead pay attention only to how it reads. 這樣做設計不但更有效率,也更具創新。之所以更高效是因為整個頁面的結構都突出和表達了你的主要信息。很明顯,因為甚至是在設計過程的開始,你就不得不把重點放在結構化你的信息表達。最好使用一個簡單的文本編輯器,這樣你不會受文字信息的「長相」所干擾,而只需關注它的閱讀效果。 Consider above all else your target audience. Who are you seeking to appeal to with this message? What do they already possess in this area and why ins』t it good enough? And of course the most important question of all: Why wouldn』t they want to use the site, buy the proct, hire the person, etc.? We』ll discuss this question more in a later article so for now just know that this question is the key to great marketing. 考慮你的目標群體高於一切。你希望誰閱讀這些消息?他們在這方面已經具備了什麼?為什麼還總不夠好?當然,其中最重要的問題是:他們希望使用的網站干什麼?購買產品?僱用職員?等等。 我們將在以後的文章中討論這些問題,現在只需要知道這是良好營銷的關鍵問題。 Finally, the method mentioned above will lead to more original design becauseyou』re not designing by using other sites you』ve seen as a starting point. Rather than wireframing someone else』s design with your own coat of paint you』re instead solving a puzzle. The puzzle is of course how to best arrange and style the content that is already on the page. The tradition method involves jamming content into a predefined space as is the case when you purchase a pre-built design template. The better route is to tailor and evolve the space to accommodate pre-existing content. 最後,上述的方法將會產生更多的創新設計,因為你沒有使用你已經看過的網站作為一個起點。 你應該解決一個問題——而不是使用別人的設計披上你設計的外衣。而這個問題當然是,如何最好地安排和風格化網頁上已經有的內容。在傳統的方法,一般只是你購買了預設計的模板,才涉及到給預定義的空間填充內容。更好的方法是根據預先存在的內容剪裁和設計空間。
2、網站製作項目規劃文案
製作項目規劃文案
與客戶溝通並了解網站項目的需求後,便可著手製作項目規劃文案,將項目製作規范化。項目規劃文案包括項目可實施性報告、網站建設定位及目標、網站內容總策劃書、技術解決方案、網站推廣方案以及網站運營規劃書等內容的文檔。
● 項目可實施性報告:可包括對相關行業的市場分析,競爭對手的網站分析和自身條件分析,這其中又分為優勢分析和劣勢分析。通過市場分析可以找到合適的市場切入點。而通過對手網站和自身條件分析,可以借鑒對手的優點並找出對手的劣勢,再結合自身條件制定出可行的網站設計方案。
● 網站建設定位及目標:是指定位網站的功能和作用,以及網站面向的用戶群體。以圖書出版公司為例,其網站建設定位是介紹公司業務分類,並根據業務能力推薦自身產品,以期獲得更多的業務合作。網站建設目標則包括建設初期的目標、中期目標以及長遠目標等。
● 網站內容總策劃書:包括網站內容規劃、網站設計與功能規范,以及網站建設日程表。網站內容規劃又包括網站名稱、網站域名、網站概述、首頁要求、網站效果及後台的具體內容,以及網站的參考資料。而網站設計與測試規范則是網站設計師、美術編輯人員以及測試人員的工作規范,包括質量要求以及設計時的注意事項。網站建設日程表則詳細地規定了網站建設每一個步驟所耗費的時間。
● 技術解決方案:包括建設和維護網站時的網路要求、硬體要求、軟體要求以及網站程序開發的技術支持。網路要求主要指連接網站的網路帶寬以及網路穩定性。硬體要求主要指網站伺服器的硬體要求,包括數據處理能力、數據容量以及穩定性等。軟體要求主要指伺服器使用的操作系統以及伺服器軟體等,而網站程序開發的技術支持則指開發網站時使用的腳本技術、資料庫技術等。
● 網站推廣方案:包括網站初步推廣計劃以及網站深度推廣計劃。例如,可以在搜索引擎注冊網站,申請友情鏈接,到各大論壇發布廣告,以及在此基礎上印製宣傳品,如名片、文化衫、海報等。此外,還可以網站名義舉辦網路競賽、有獎活動,或與其他網路公司、傳統企業合作等。
● 網站運營規劃書:可規定網站的建設和維護團隊,團隊成員的權力和責任,以及網站的運營方式。
3、設計、文案相關的素材網站
http://weixin.sogou.com/
這是鏈接 各種文章都能找到
另外素材 圖片: 昵圖 花瓣
文字 :頂尖文案
4、計劃建一個公司網站,文案等資料如何准備,求指點。
導航:首頁,公司簡介,產品展示,新聞中心,人才招聘,在線訂單,聯系我們
根據行業性質需要,可以添加企業榮譽,售後服務,客服中心等一級欄目
分類:企業網站一般二級分類就夠了,如公司簡介分:總經理致辭,企業文化,里程碑,企業資質等;產品展示分:主要的幾個產品大類;新聞中心分:公司新聞,行業資訊
公司簡介:一般包括公司成立背景,經營項目,經營理念,經營現狀和經營目標,500-1000字為宜
產品展示:如果不是很多(上千種就算了),請逐個列出,突出主要產品,產品介紹是語言簡潔,最好能與圖片結合,畢竟現在是一個讀圖的時代。
注意事項:文案工作是為了增加網站的可閱讀性,提升用戶體驗;同時不要忽略網站的設計,色調風格和圖片選擇的配合,因為視覺效果是網站訪客的第一印象,至關重要。
網站建設結束後,別忘記拿回網站備份和域名,不然你得到的只是網站的使用權。
祝你好運
5、做網頁設計時文案在哪裡找比較多?
可以在網上專門搜集一些類似的資料,也可以關注一些寫文案的微信公眾號
6、求一款文案做網頁設計用的軟體(好像是國外的,跟DW有些類似)!!!
notepad++