iT邦幫忙

1

關於網頁設計的美感

  • 分享至 

  • xImage

這是我第二次發文
如有文不對題的還請多多包涵

我是一名網頁工程師
寫網頁也有幾年的時間了
這幾年因為疫情
萌生了想自己寫出來做

現在我遇到一個問題
我沒辦法弄出美美的版型
不論我的網頁後台功能有多強大
不論我規劃了多完善的介面
去支撐前端要做的事情
但我就是沒辦法弄得很漂亮
我有想過購買現成版型套上去
但還是要做頁面修改
就是那種
不是不知道要用哪一種css語法呈現或JS去撈資料
而是不知道要怎麼去呈現出來
不知道應該要哪個顏色搭配
不知道應該要怎麼安排每個位置

想問說有沒有推薦的書籍
或是有什麼方式可以讓版型設計這塊
能夠有點進步
小弟我在此先感謝各位大大的幫助

看更多先前的討論...收起先前的討論...
美學是很大的學問,光是配色就已經讓很多人卻步,尤其是日式美學或是蘋果美學
這是目前網頁配版兩大系統,至於台式,個人只能呵呵呵,大概連LIGHTHOUSE也過不了吧,最簡單的從配色學學起,你會配色,接下來是閱讀容易度,再去考慮無障礙設計,接著就是觸控事件的控制,各種事件的配套處理,大概這樣
感謝大大的回覆
針對您的回覆我整理了一下
1.配色學學起
2.閱讀容易度
3.無障礙設
4.觸控事件的控制,各種事件的配套處理
我如果能掌握上述四點中的前三點我應該就能夠流暢處理畫面了
因為目前我能夠在已經有靜態版型後
在做上各種JS跟CSS搭配的效果
我會去找找配色相關的書籍或課程來看看的
感謝大大
題外話,我個人是認為這種的回覆才叫做有意義的回覆
如果可以的話,您用回答,我給您最佳回答
archer9080 iT邦研究生 3 級 ‧ 2022-04-08 09:41:38 檢舉
不好意思,以整個網站來說,您覺得只剩下版型設計這塊有進步空間了是嘛?
當然不是呀~~其他部分我已經有目標跟方向知道怎麼處理如何精益求精;目前只有版型設計還沒有方向,所以來叨擾一下大神嗎?請問您這樣問的用意是?沒有不敬只是覺得你問的這題是個陷阱題。
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
6
Ray
iT邦大神 1 級 ‧ 2022-04-06 05:42:56
最佳解答

設計是一門專門的學問, 雖然自學也有機會, 不過直接去上課會比較快:
https://www.google.com/search?q=%E7%BE%8E%E8%A1%93%E8%A8%AD%E8%A8%88+%E5%9C%A8%E8%81%B7%E5%B0%88%E7%8F%AD

你該不會期待: 一個牙醫看幾本書自學, 就可以轉行當甲級電工吧?

看更多先前的回應...收起先前的回應...

謝謝大大的回覆
我是有想過上課
但也不確定我需要怎樣的東西
才想說先從買書看起
或是其他的資訊著手
另外
沒有不敬的意思
如果牙醫看幾本書自學可以考得上甲級電工執照
那也是真的他厲害不是
我是記得甲級電工執照好像要先從業個幾年後才能去考的
而且還要有乙級執照才能考的樣子

一個牙醫看幾本書自學, 就可以轉行當甲級電工吧?

其實這句話說中這裡許多人的心聲
只要有心,人人都可以是食神
/images/emoticon/emoticon06.gif

尼克 iT邦大師 1 級 ‧ 2022-04-06 10:07:47 檢舉

上課是加快學習的路徑,減少錯誤方法!

電腦達人
你太認真了,那只是一種舉例。

另外再說說不相關但你可能會想知道的東西。

現在已無「甲級電工(匠)」。在96年後就已經廢止該証照。
(已考的將直接視為乙級配電士),但可直接去考甲級配電士,或用年資及相關証明更換。(後面這個我不確定)

除了上面的條件。其它就如你說的,得先有乙級才能考甲級。
一般會考甲級的,是要特高壓的場所才會需要。

㊣浩瀚星空㊣
的確我很認真
如果我今天問的是上課問題
如果我今天問的是伸手牌問題
各種揶揄各種嘲諷那叫做自找的活該
但我今天並不是問那種問題
文末我也說「能夠有點進步」
所以我想先從越讀書籍開始
我也有google過網頁版型設計的書
只是大部分的書都是教語法的
但我需要的並不是語法的問題而是美感
只是我找不到美感相關的書籍因此上來詢問
該大大建議說可以從上課
我也有把我的想法說出來並虛心接受他的提議
我個人也並不認為單純看個幾本設計書就能稱之為設計師
抑或是看個幾本書就可以半途出師
每個行業都有每個行樣精密且深奧的地方
所以才說「能夠有點進步」並未說能變得很厲害之類的話
因此我不認同那種大大的揶揄
然後你說的那個資訊
原來是這樣子哈~~~現在我知道了謝謝你的分享

那我來說說我這邊的看法好了。

認真來說,我個人覺得,美感是一種天分。很難從書上學習的。
認真來說,其實我個人本身PS跟AI相關軟體都會操作。切圖修圖改圖我都能。然後也明白底圖、圖層的觀念。
CSS等相關操作技術我也自認為OK。

可是.....你XX的,我改出來的圖面就是非常超級難看。完全沒有美感可言。

我很早其實也想要學啥配色的原理。三原色、色相、反相色等等其實我都懂。但就是不會配。

跟我合作過的美術人員。也很努力的告訴我教我。
但每次看完我的成品。只告訴我「你還是乖乖的寫程式好了」

經過那麼多年。我強烈的認為,美感是一種天份。無法學習。
(我知道有人不會認同我,我只是說出我的感覺)

這是我能跟你說的。
當然,並不是不認同你看書學習。搞不好你是有天分的。
也有人說天分也是靠努力換來的。
所以!!!加油吧。我是放棄美感方面的事了,一切都交給專業的來。

雷神大看吧我又說中了
/images/emoticon/emoticon29.gif
沒人看得懂忠言逆耳
以後碰到類似問題,一律回有意義的話就好了:
只要有心,人人都可以是食神
你可以的,加油
我也是這麼走過來的,去吧

話說,我好難得說有點意義的話耶!!
要不然平常都是說些沒啥營養的話。
可能今天心情差吧。

Ray iT邦大神 1 級 ‧ 2022-04-06 16:43:24 檢舉

哈哈哈, 沒關係啦, 我都可以理解大家的想法, 也不會有甚麼不愉快的事情; 不過有件事可以說一下:

其實美感是來自於邏輯思考+觀察體驗, 並不全然是天分; 我們常覺得有些人在這方面好有天分喔, 其實只是因為他腦中的邏輯非常快速運轉, 加上他的觀察非常細微, 兩者組合出來的結果, 但因為速度太快, 旁邊又沒有人可以幫他測量腦波的運作, 所以大家就直接把這樣的結果稱為天分...

觀察的來源:
各國美術史當然是最好的觀察來源, 追蹤各個藝術家的創作脈絡也是一種方法, 這些其實都有現成的書籍可參考, 誠品, 三民...等教科書也都有.

設計的邏輯:
設計有一定的邏輯組合: 食物要用暖色系, 科技要用藍色系等等....這裡有很多色彩心理學的邏輯隱含在內; 黃金切割怎麼用? 費波南希數列怎麼用? 兩點透視怎麼用? 數學幾何怎麼會跟美術設計扯上關係? 這也都是設計學程裡面會用到的.....

創意的工程:
創意真的不單純是天馬行空, 他可以用工程或科學的方法來解析, 甚至把初創意念加以演化推進, 變成更多豐富的創意出來; 現在很多大專院校都開始有創意工程的學程了....

對於樓主這樣初學的朋友, 真的可以先找學校系所去看看, 他們的學程教科書就已經非常豐富, 足夠補充很多設計方面常識....

至於要運用到別人看起來也有美感的地步, 需要經過反覆多次的嘗試與練習, 並不是 1+1=2 那麼直覺就可以立即得到結果的...你學會組合之後, 還得學會如何變化? 否則如果你的組合技只有那麼一兩招, 最後的成品就會非常相似, 看不出有甚麼創意; 所以你必須隨時尋求變化組合, 才能有讓人驚豔的成果....

樓上發言真精闢,美學真的很複雜啊,我沒啥創意,只好從基本的設定做起,至少簡單就是美,真的要達到藝術那種美,我是做不到的,如果還要到美術構圖,那沒有下很多的苦工,是很難達到水準的,所以樓主加油了
也不要去認為別人的意見都沒有幫助,畢竟在這留言的至少都是想提供一些幫助的人,那都是善意啊

froce iT邦大師 1 級 ‧ 2022-04-06 17:54:22 檢舉

美感是主觀的,你有沒有聽過啥叫活力躍動的白還是五彩斑斕的黑?XD

我倒覺得你可以先去學 UI framework,先把UI/UX邏輯順好,配合UI framework就可以創造出及格的網站了。
真的很需要美感的時候,去請專家就行。

關於各位的回應
很謝謝大家提供不同的意見跟方式
讓我去思考與摸索
我只能盡力去理解每個回覆中要告訴我的
但可能我資質愚鈍對於某些回覆
我認真地無法理解到底幫助在哪
↑這裡不是指raytracy,您的建議我可以理解的

可能我在回覆的方式上比較容易讓人誤解
但我的回覆是把單一回應拆成多個回覆
所以這部份如果有誤解還請多多包涵

在美學設計上我的確是個新手
甚至是沒有天賦的.....美術課只要跟畫畫跟顏色有關的我都GG
小時候我天真的以為長大了就不需要畫畫或配色了
孰不知長大了才是真的需要
上班時有專業的設計團隊去處理這些問題
我只需要把配好的版做上功能套入程式即可
我只需要把客戶客製的功能寫出來讓設計師美化即可
等到我自已開始
寫出好用的功能外也要有美美的外套吸引人來用的時候
才知道原來外觀是這麼專業與深澳
也知道自己對於美感是沒有天賦的
所以不期望自己能有多厲害
至少當我拉完版型開始要配色的時候
「不要求能夠多吸引人,只要求中庸就好」

根據各位大神們的討論內容
我整理了一下
1.配色學
2.UI/UX
3.閱讀容易度
4.學校系所教課書
我在發問的時候有去google過一下,感覺都不推教科書,但可能資訊來源還需要確認,因為不是PTT分享的就是Dcard分享的內容

基於上述整理
我會先從配色學開始找相關方面的書或雜誌等方面來做涉獵
不論成效如何還是要感謝各位大神給我指點一二
讓我在迷惘的時候有個方向好繼續下去

另外
我從不奢望這裡的討論能夠讓我有飛躍性爆炸性的成長
但如果有個小小的進步小小的邁向一步
也是感謝各位大神們的教育有方
只是回應中的內容跟討論的內容根本沒什麼關聯
抑或是回應的內容根本跟是帶有偏見的
這類的回應我會視而不見
浪費您的時間來回應我的文章深感抱歉

3
ckp6250
iT邦好手 1 級 ‧ 2022-04-07 15:03:25

藝術、美學、音樂...是天生的,後天進步有限。

小時候,老師說,一分天才,九十九分努力,等我長大後,發現被騙了,根本不是這回事。

沒錯,必需努力,但沒有天分,練再多也是枉然,就算我天天對著大海唱歌,練個十年八載,等我一開口,連狗都嫌。

我個人是覺得,尺有所短,寸有所長,應該要發揮自己的專長,而非一手包。

也不是全包的問題
我想開始慢慢轉成接案
如果有機會案量穩定可以擴張的時候
我會優先考慮聘請專業的版型設計師來一同協助
但在這之前我只能自己努力了

0
打雜工
iT邦研究生 1 級 ‧ 2022-04-13 10:30:34

美學是天生的,如果你只要求80分,靠後天努力是有機會可以達到,剩下的20分是老天給的;你想要幾分呢?

我要求不高及格就好XD

打雜工 iT邦研究生 1 級 ‧ 2022-04-14 08:54:15 檢舉

最快方式找課程學習;另外建議多看看評鑑不錯的網站,可以做為未來設計的參考

好喔謝謝大大的建議

0
iT邦新手 5 級 ‧ 2022-04-14 14:34:29

我最近也有遇到沒有美感的問題
主要是Banner部分的
根據前輩的建議
可以多去Pinterest看看別人的作品
但其實重點都是在於模仿
找到適合的、看起來好看的去模仿
注意風格不要太跳動,網頁上的配色不要太多((分主色相近色
基本上應該可以有好的表現

我主要是顏色問題~~~
Banner那種東西如果可以
我是希望客戶自己畫好
然後再去配合XD
如果可以的話XDDDDD

0
vc0528
iT邦新手 3 級 ‧ 2022-04-29 17:53:31

美感有大部分是無法學習的,建議前端找人合作.

也只能這樣子了~~~謝謝你

我要發表回答

立即登入回答