導航:首頁 > 萬維百科 > 網頁專欄設計

網頁專欄設計

發布時間:2020-08-17 14:41:48

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、設計學習專欄

我有一幅不知道你滿意不滿意

聯系我QQ

這個上面不能貼圖 。

4、有沒有一些優質的海報、網頁設計的網站?除了46design里邊有的..

海報在線設計

創客貼、圖幫主、Fotojet、Snappa——主要針對非設計人員

Crello、Canva、Studio、Lus——主要針對有一定設計基礎的人員

海報模板下載

千圖、設計寶、素材公社、站酷海洛、Pixeden、Medialoot、Mockupworld等

AAA設計師 公號上有專欄,說到這個

5、網頁設計要用到的單詞都有哪些

網頁設計中用到的英語單詞很多啦。主要來自,網頁設計語言HTML中,我盡量幫您列舉下。
head 網頁頭部
body 網頁主體
width 元素寬度
height 元素高度
margin 元素之間的邊距
top 頂部
bottom 底部
left 左邊
right 右邊
table 插入表格
cellpadding 單元格內部的距離
cellspacing 單元格之間的距離
font 字體標記
color 字體顏色
marquee 移動文字
form 表單
radio 單選按鈕
checkbox 復選框
input 輸入框
button 普通按鈕
submit 提交按鈕
reset 重圍按鈕
select 下拉菜單
option 菜單選項
value 元素值
text 文本類型
textarea 多行文本區域
frameset 框架集/幀集
frame 框架/幀
…………
還有其他的應該,時間關系,就答這些。
如果有疑問,您可以繼續追問。希望能夠幫助到您。

6、教室的專欄怎麼設計啊,本人教師一枚,求

找美術老師啊
沒底子
自己弄不好

7、如何添加網站欄目?

必填項: 欄目名稱一般來說,您只需要添加欄目名,然後提交即可。創建一級欄目(頂級欄目):例如,您需要添加產品中心這個欄目,那麼您在欄目名稱一欄,輸入產品中心四個字提交即可。創建二級欄目(小分類):同樣的做法,您在欄目名稱一欄,輸入智能手機四個字,然後在上級欄目處選擇產品中心,然後提交就可以了。創建三級欄目,參考上面的做法即可。

8、淺談怎樣設計網站欄目頁

想要確定欄目頁的發展方向,就要給它定好位,它要往什麼方向來發展,之後確定它的設計方向,最後才能進行欄目頁的優化。對待欄目頁時我們要想像它就是主頁,與主頁是平等的,這樣我們才會更加註重它。欄目頁是整個網站的第二層,但是它的方向得確定好,假如想要設計成專欄形式,就該向專欄方面來設計,或者確定成門戶類型,其方向就是一個網站。根據以上的定位,才能確立它的設計方向,從而確定結構的方向。不同的定位也導致了優化方案的不同,企業網站就專注於欄目的優化方案,而門戶網站主要關注的就是首頁的優化了。二、結構方案結構的方案肯定也是與定位相關的。專欄形式的結構就是單頁面形式,因為能夠突出主要內容,還能關聯相關頁的面;門戶類的結構就適合門戶欄目,一般建議和主頁風格相同,但是可以應用不同的模板。三、欄目頁的優化欄目頁優化可以從一下4個方面來著手:網站的頭部優化,整體頁面布置,外部鏈接的控制,友情鏈接控制。1、 頭部優化包括對標題、關鍵詞、網站描述的優化。企業型頁面一般建議只做標題,門戶網站建議每個內容都囊括一下。這些僅僅是建議,不同的網站肯定也會從讀者的角度去想,把自己的關鍵詞做的更精確點,讓搜索引擎抓取的更快。2、 整體頁面的布置也是因網站類型而異。圖文聲色並茂,原創文章是企業型網站的選擇,文章的豐富內容會讓讀者喜愛,或者精彩的視頻和好聽的音樂。門戶類站點自然就不會以這樣的方式來對整體頁面布置。3、 企業做鏈接時,都是選擇外部鏈接相關的,有時甚至是全部相關;門戶網站根據的是首頁優化方案來確定的。

9、怎樣提高網頁設計創意能力

一、瀏覽網站,拓寬視野
·網站
1.pinterest
https://www.pinterest.com/
Pinterest通過用戶挖掘有趣內容,收藏並分享的模式,將全球優秀設計素材分享給大家,Pinterest採用的是瀑布流的形式展現圖片內圖片內容,無需用戶翻頁,新的圖片不斷自動載入在頁面底端,讓用戶不斷發現新的內容。
2.Behance
https://www.behance.net/
Behance是全球領先的創意設計類聚合平台,推薦和分享優秀設計作品。在這里,可以第一時間欣賞到最優秀的作品,找到最優秀的藝術家。找尋更多的創作靈感。
3.Yanko Design
http://www.yankodesign.com/
Yanko Design幾乎包含了全部最新的產品設計、新技術、設計思維,是非常值得推薦收藏的產品設計網站,喜歡的小夥伴快快收下。
4.Core 77
http://www.core77.com/
Core 77是老牌設計網站,站內瀑布式排列,像看雜志一樣的內容排版,包含科技感設計,適合設計類及理工類專業。
5.Designboom
https://www.designboom.com/
Designboom平台自從1999年起便成為藝術設計領域的大本營,獨立報道一系列產品設計、建築、藝術、攝影以及平面設計方面的先鋒作品。
6.Css winner
http://www.csswinner.com/
Css winner是一個獨特的全球性平台,專門展示和獎勵最佳網站,推廣創新設計師網站、開發者和機構。頂部有導航欄,可以根據自己感興趣的分類查看。
二、多讀書,鞏固基礎
·書籍
1.《設計中的設計》 原研哉
與藝術相比,「設計基本上沒有自我表現的動機,其落腳點更側重於社會。」以原研哉為代表的一些日本設計師,設計的出發點並非是自我風格的表現或是個人情緒的張揚,而是從揣摩大眾的感受出發——無論是視覺還是觸覺。先將日常的事物陌生化,再重新進行設計——這種貼近生活、以生活的文化積累為素材的創新在這個紛亂的信息時代顯然是十分可貴的,也必將有利於大眾的審美意識提高。
2.《現代設計史》

這部涉獵廣泛、富有洞察力的著作,縱覽了18世紀至今的實用藝術和工業設計,不僅從縱向闡述了各個設計流派、各種設計風格的演變過程及其代表作品,而且從橫向探討了設計和生產、消費、科技、商業之間盤根錯節又變動不居的關系。這是一本幾乎每個設計師都要擁有的一本書,地位很高,專業性極強,涉及和設計相關的各行各業,材料,科技,政策,物質資源,權力,需求…
3.《The Graphic Design Idea Book: Inspiration from 50 Masters》
這本書是針對優秀設計關鍵要素的介紹,介紹了廣受好評的設計師的主要作品,涵蓋的主題包括敘述、顏色、圖形和裝飾等。
4.《大設計》Penny Sparke
在《大設計:BBC寫給大眾的設計史》一書中,設計史學者彭妮•斯帕克給我們展示的,遠遠超過了一段經典設計作品的歷史。本書的五個章節,引導讀者穿越時空,依照時間順序游歷現代設計:從十九世紀的工業化生產;到現代設計運動,包括包豪斯及其他相關設計活動;經歷簡朴生活和戰爭時期;再到戰後繁榮及對新材料、新技術的探索;最後在二十一世紀以設計參與到各種最新的活動與事件中結尾。
5.《寫給大家看的設計書》
這本書出自世界級設計師之手-Robin Williams,世界著名的設計師、技術專家和暢銷書作家。大家經常用到的「親密性、對齊、重復、對比」4 個設計基本原則,就是出自《給大家看的設計書》。這本書將復雜的設計原理凝練為了簡單易懂的、可操作性強的設計技巧,並以簡潔明快的風格,展示了大量的示例,讓你了解怎樣才能按照自己的方式設計出美觀且內容豐富的產品。

三、參觀展覽,提高審美,尋找靈感
不要僅僅局限於以上方式,你需要走出去,多看是需要靈感的工作者需要做的事情,看的越多,腦子裡面東西就越多,那也就越有靈感。對於設計師來說,看設計方面的展是必須的,但也不能只看設計方面的展子,藝術創作,塗鴉,攝影展……都要去看,為什麼呢?因為美感,設計感,創意感是共通的,不論是在藝術還是設計領域,從不同方面看並吸取經驗和知識會讓你的設計更加富有創意,與眾不同。可以隨身攜帶小本子,這樣當靈感來的時候可以迅速畫下來,日積月累就會成為你自己的素材庫了。
四、研究優秀作品,解讀設計思路
當你的知識儲備量夠了以後,可以嘗試對優秀設計進行解讀,理解它的設計思路、思維邏輯。選擇幾個你最喜歡的設計師,仔細研究他們的作品。喜歡哪種設計師的設計風格、設計理念,可以從模仿他的作品開始,要注意的是模仿並不是一件壞事,不是指抄襲,它是探索你自己風格的一個過程。那些設計大師之所以能夠成為的大師,就是因為他們的作品足夠獨特,有創意,有自己的風格。我有個「鬼才設計師」專欄,專門介紹全球著名的設計師,感興趣的話可以去看一看。

五、善於觀察、發現問題
設計師還要善於觀察生活,發現生活中的問題,因為設計本身就是從實際問題出發,發現問題,解決問題的一個過程。很多設計都是為了優化人們的生活而存在的,所以設計師們尤其需要擅長發現問題。在產品本身具有設計感創意感的同時也不能忘記它是為解決問題而存在的。
就比如公交車的扶手設計,由於都是統一高度,這就對比較矮的人很不友好。
但按照上圖顯示的設計,利用三角形作為把手,就可以照顧到不同身高的人。這個問題就是來自於我們生活中經常看到的。
分享一個慢鏡頭動作分析的方法,比如坐在沙發上看書,天暗了需要開燈,一般正常人的思維就是站起來,去開燈。那作為一個設計師,就需要仔細將這一串的動作進行分解,如果是需要開頂燈,就得站起來,走過去,按開關。如果沙發旁正好有個落地燈,豈不是會方便很多,那打開燈的方式是觸摸開關、拉繩開關還是聲音開關,調節方式是需要手勢控制、遙控控制還是聲音控制。這樣就會發現很多需要優化的地方使其更加便利。所以想要發現設計點就需要把整個動作慢下來去分析。
最後還可以針對特殊人群去發現問題,像老人、小孩、上班族、家庭主婦等等。他們會面臨什麼樣的問題,這樣就會很快找准設計痛點。市場上目前有沒有解決這些問題的產品,有的話,就再思考還有哪些需要優化、完善的地方。這就需要你用挑剔的眼光來看待周圍的人和事物。
六、注重交流
在追求設計感與創意感的同時,也要考慮到所設計的作品的實用性,因為設計本身就是一個關於人,解決人的問題的行業,只有溝通交流才能了解彼此所需。這里不單單是指和用戶的交流,有的設計需要團隊協作完成,這時候,和同學、同事、合作夥伴的交流同樣非常重要。而且經常與優秀的人溝通交流比起自己一個人悶頭干效率會高跟多。
七、參加比賽,將理論應用於實踐
此外還需要實踐,執行力是身為設計師的很重要的一點,執行力的強弱是影響一個設計師的效率的重要因素之一,比起猶猶豫豫的去想怎麼做該不該做,先讓自己的手動起來,在行動中找到靈感,可以去參加一些設計類的比賽,比如IF、紅點、idea獎以及日本G-Mark設計獎等等,方便參觀到全球更多的優秀設計,理論加實踐的結合,才能做出有設計感、創意的優秀設計。
剛開始從事各種創意工作的新手設計師,可能最初做的東西並沒有那麼好,是因為相比一些老設計師,你沒有足夠的經驗和知識儲備,只有熬過積累的這個階段,最終,你的想法、創意,就會更加出彩。現在所能做的最重要的事,就是不斷學習、不斷創作。

與網頁專欄設計相關的知識