มืออาชีพด้านการออกแบบคืออะไร


10

ทุกคนสามารถกำหนดได้หรือไม่ว่าทำไมบางอย่างอาจดูไม่“ เป็นมืออาชีพ”

อะไรคือความแตกต่างระหว่างการออกแบบมืออาชีพและไม่เป็นมืออาชีพ?

ฉันมีลูกค้าที่ได้กล่าวว่าการออกแบบของฉันไม่ได้ดูเป็นมืออาชีพมาก ฉันติดตามทุกสิ่งเพื่อให้เป็นมืออาชีพ - ฉันอาจไม่รู้เกี่ยวกับการออกแบบหรือไม่ ฉันเห็นเทมเพลตการออกแบบ "มืออาชีพ" มากมายที่ดูง่ายและคล้ายกับของฉัน ส่วนใหญ่เวลาที่เมื่อฉันไม่ได้มีวิธีที่จะไปใด ๆ ที่ฉันทำตามการออกแบบแม่แบบเหล่านี้ - แต่เมื่อฉันเสร็จฉันจะได้รับการตอบรับว่า"นี้ไม่ได้ดูเป็นมืออาชีพ" มันไม่ได้ช่วยอะไรฉัน ใครบ้างที่นี่มีโลกแห่งความจริงความช่วยเหลือ / ประสบการณ์ / ข้อเสนอแนะจะช่วยฉันเกี่ยวกับรูปลักษณ์อักษรสไตล์ ... ทุกอย่าง ได้โปรดช่วยข้าด้วย!

กล่าวโดยย่อ:
อะไรคือสิ่งที่ทำให้นักออกแบบมืออาชีพ


ฉันอดไม่ได้ที่จะจำtheoatmeal.com/comics/design_hellการ์ตูนเรื่องนี้ไม่ใช่ว่ามันช่วยได้
Joonas

อันนี้เป็นเรื่องตลกฉันได้ให้เวลากับสิ่งนี้แล้ว แต่ฉันไม่สามารถส่งต่อไปยังลูกค้าหรือเจ้านายของฉันหวังว่าฉันจะทำได้: D
Jack

5
ขอให้พวกเขาแสดงตัวอย่างของไซต์มืออาชีพและเรียนรู้จากสิ่งนั้น
Kromster

4
ฉันรู้ว่าตัวอย่างของคุณหยาบ แต่อีกประเด็นที่สำคัญมากเกี่ยวกับความเป็นมืออาชีพคือการลอกเลียนแบบ "มีอะไรบางอย่างเกี่ยวกับเรา"; "เกี่ยวกับผู้ก่อตั้ง" เขียนได้ไม่ดีและไม่มีแม้แต่ตัวพิมพ์ใหญ่ที่เหมาะสม แม้แต่ในร่างแบบร่างผู้ประเมินผลก็จะตอบสนองต่อสิ่งเหล่านี้ (แม้ว่าคุณจะพูด 2,000 ครั้งที่หยาบและตำแหน่งเท่านั้น) และ ณ จุดนี้ในการออกแบบของคุณหัวของคุณก็ควรเป็นที่ยอมรับ
horatio

จุดที่ดี horito ฉันจะดูแลเรื่องนี้ ..
แจ็ค

คำตอบ:


19

ฉันทำคำตอบนี้อีกครั้งเนื่องจากนี่คือการแสดงความคิดเห็นในการออกแบบของคุณ:

คุณบอกเราว่าคุณสามารถสร้างเทมเพลตมืออาชีพได้อย่างง่ายดาย ในความเป็นจริงฉันสงสัยมัน คุณต้องเรียนรู้มากมายเกี่ยวกับการออกแบบเว็บ ไปไกลอย่างจริงจัง แต่คุณกระตือรือร้นที่จะเรียนรู้และฉันจึงทำให้จำลองนี้เพื่ออธิบายบางสิ่ง นี่ไม่ใช่การทุบตีคุณอย่างจริงจังไม่มีความผิดใดหมายถึงฉันแค่เป็นคนซื่อสัตย์

ป้อนคำอธิบายรูปภาพที่นี่

เรื่องราวพื้นฐานคือว่ามันขาดการจัดตำแหน่งและความลึก ... มากของความลึก

ฉันยังจะรวมหนึ่งในการออกแบบของฉันฉันกำลังทำงานกับความกว้างซ้อนทับตารางเพื่อให้คุณสามารถดูสิ่งที่ฉันหมายถึง มันไกลจากที่ทำไปแล้ว แต่คุณจะได้รับคะแนนของฉัน โปรดอย่าใช้ชิ้นส่วนของการออกแบบที่ฉันกำลังทำงานอยู่เนื่องจากมีลิขสิทธิ์

ป้อนคำอธิบายรูปภาพที่นี่

ดูที่ฉันสร้างความลึกด้วยการไล่ระดับสีพื้นผิวและเงาอย่างราบรื่น นอกจากนั้นลองดูว่ามันมีระยะห่างอย่างไร

แก้ไข:เพื่อให้คุณรู้ว่าฉันแก้ไขความกว้างสำหรับการจดลิขสิทธิ์ นี่ไม่ใช่อัตราส่วนที่แท้จริง

หวังว่านี่จะช่วยคุณได้


ขอบคุณมากที่รู้มากขอบคุณฉันจะปรับปรุงสิ่งเหล่านี้แม้ว่าฉันจะลบภาพนั้นด้วยเหตุผลบางอย่างขอบคุณมาก
แจ็ค

@ แจ็คคุณได้รับการต้อนรับไม่เจ็บที่จะช่วย :) สำหรับการเรียนรู้ มีบทเรียนและบล็อกมากมายเกี่ยวกับเรื่องนี้ เพียง google มัน นิตยสาร Smashing เป็นการเริ่มต้นที่ดี
Luuk

11

Robin Williams เพื่อนนักออกแบบที่เริ่มต้นทั้งหมดชี้ไปที่สิ่งที่สำคัญสี่ประการ ได้แก่ ความคมชัดการทำซ้ำการจัดตำแหน่งและความใกล้เคียง (และใช่ตัวย่อคือ CRAP!) คุณควรได้รับหนังสือ "หนังสือออกแบบที่ไม่ใช่นักออกแบบ " และศึกษามัน ทุกสิ่งที่อยู่ในนั้นนำไปใช้กับเว็บได้มากเท่าที่จะพิมพ์ อ่านง่ายและชัดเจนมาก จากนั้นรับ " เว็บหนังสือที่ไม่ใช่ของนักออกแบบ " และศึกษาว่า ฉันจะเพิ่มสี่ของเธอ: ข้อความความสามัคคีและความเกี่ยวข้อง

  • ข้อความที่ลูกค้าต้องการจะข้ามเป็นสิ่งแรกที่คุณต้องรู้เพราะมันบอกทุกอย่างอื่น ในการถ่ายภาพที่ประสบความสำเร็จออกแบบจิตรกรรมเขียนมีสามกฎง่ายๆที่ไม่เคยขาด: 1) มีข้อความ; 2) รวมเฉพาะสิ่งที่ก่อให้เกิดข้อความ; 3) ลบสิ่งที่เบี่ยงเบนความสนใจออกจากข้อความ ในรูปถ่ายของนักกีฬาคุณจะต้องใช้ภาพของเธอในอากาศกลางอากาศอย่างสง่างามได้อย่างง่ายดายและโคลนโค้กกระป๋องเปล่าและแซนวิชที่รับประทานครึ่งหลัง ในฐานะศิลปินคุณต้องรู้ว่าคุณกำลังพยายามพูดอะไร ในฐานะนักออกแบบคุณต้องรู้ว่าลูกค้าพยายามพูดอะไร นี่คือสิ่งที่ลูกค้าจ่ายให้คุณ

  • ความกลมกลืนเป็นข้อกำหนดที่กว้างมากที่คุณต้องพิจารณาก่อน หากลูกค้ามีโลโก้และสีขององค์กรเว็บไซต์ของคุณจะต้องใช้พวกเขาและสีที่สอดคล้องกับพวกเขา คุณไม่สามารถใช้ typefaces ที่คล้ายกัน แต่แตกต่างกันสำหรับพาดหัวและคัดลอก กฎที่ดีสำหรับนักออกแบบมือใหม่คือการใช้หนึ่งซองและหนึ่งชุดสำหรับใช้ร่วมกันและใช้เฉพาะสองชุดในการออกแบบ

  • ความเกี่ยวข้องมาที่จุดเริ่มต้นของวงจรการออกแบบ มันใช้กับสีวิชาการพิมพ์และเค้าโครงทั่วไป คุณจะไม่ใช้แป้งสีฟ้าและชมพูอ่อนสำหรับการออกแบบสำหรับเว็บไซต์ บริษัท ไฮเทคหรือสำหรับศิลปินฮิปฮอป แบบอักษรกรันจ์ที่น่าอัศจรรย์ที่น่าอัศจรรย์นี้จะไม่ทำงานให้กับนักกฎหมายหรือนักบัญชี แต่ Times Roman อาจจะทำงาน (คุณจะหลีกเลี่ยง Times สำหรับเว็บไซต์ที่ต้องดูทันสมัย) วงเฮฟวีเมทัลต้องการรูปร่างและสีที่มีความเข้มสูงคอนทราสต์สูง แต่คลินิกการแพทย์หรือเว็บไซต์เสื้อผ้าเด็กจะต้องดูนุ่ม

  • ความเปรียบต่างหมายถึงความมืดกับแสงสีที่เข้มข้นเทียบกับโทนสีมืดในแสงหรือแสงมืด หากการออกแบบของคุณเรียกร้องให้มีความแตกต่างที่ชัดเจนสิ่งสำคัญคือการทำให้มันเป็นตัวหนาเพื่อที่จะได้พิจารณาอย่างชัดเจน มีเพียงสิ่งเดียวเท่านั้นที่ทำลายการออกแบบได้เร็วกว่า "เกือบ - แต่ - ไม่ - ค่อนข้าง - แบบเดียวกัน" ซึ่งฉันจะไปในอีกสักครู่

  • การทำซ้ำวางองค์ประกอบชนิดเดียวกันไว้ในที่เดียวกันและมีสีหรือข้อความพาดหัวหรือรูปร่างเดียวกันทุกครั้ง ระยะห่างมีความสอดคล้อง รูปแบบภาพมีจังหวะเช่นเดียวกับเพลง หากองค์ประกอบของคุณไม่ตก "ตามจังหวะ" ผู้ชมจะรู้สึกอึดอัดเช่นเดียวกับวงดนตรีที่มีจังหวะปิดยากที่จะฟัง

  • การจัดตำแหน่งขาดเป็นวิธีที่แน่นอนที่สุดที่จะทำลายการออกแบบ ไม่มีอะไรที่กรีดร้อง "มือสมัครเล่น" ดังกว่าสิ่งที่ไม่เข้าแถว ในการพิมพ์เราทำงานให้มีความแม่นยำน้อยกว่า 1 / 1,000 นิ้ว คุณสามารถวางสิ่งที่วิธีการของการจัดตำแหน่งให้กระจัดเป็นตัวหนาและเห็นได้ชัดโดยเจตนา แต่ไม่เคยมี padding 7px บน ap tag และ 8px บน h1 (หมายเหตุด้านข้าง: หลีกเลี่ยงเลย์เอาต์แบบกึ่งกลางสำหรับสิ่งอื่น ๆ นอกเหนือจากคำเชิญงานแต่งงานหรืองานศพเลย์เอาต์แบบกึ่งกลางอยู่ในความสงบเงียบไม่มีการเคลื่อนไหวซึ่งแทบจะไม่เคยมีสิ่งที่คุณต้องการเริ่มต้นใช้เค้าโครงแบบกึ่งกลาง สิ่ง.)

การจัดตำแหน่งและการทำซ้ำเป็นเหตุให้กริดเป็นเครื่องมือที่มีประโยชน์ การทำความเข้าใจประเด็นเหล่านี้จะตอบคำถามมากมายเกี่ยวกับการใช้กริด

  • พร็อกซิมิตี้หมายถึงการเก็บสิ่งต่าง ๆ ที่อยู่ติดกันเข้าด้วยกัน ส่วนหัวจะต้องใกล้เคียงกับย่อหน้าที่ตามมามากกว่าที่กล่าวไว้ข้างต้น

รับหนังสือสองเล่มนี้ พวกเขาจะเปลี่ยนการออกแบบของคุณ ในระหว่างนี้ต่อไปนี้เป็นการออกกำลังกาย: เขียนเจ็ดจุดเหล่านี้ในรายการแล้วไปที่เว็บไซต์ 10 แห่งที่คุณคิดว่ายอดเยี่ยมมาก อย่าโกง พวกเขาทั้งหมดจะอยู่ที่นั่นดังนั้นอย่าหยุดจนกว่าคุณจะพบทุกคน ทีนี้ลองดูการออกแบบของคุณเองแล้วดูว่ามีการละเมิดข้อใดข้อหนึ่งหรือหลายข้อ

ฝึกเจ็ดจุดเหล่านี้อย่างมีสติและจงใจ อีกไม่นานพวกเขาจะกลายเป็นสัญชาตญาณและการออกแบบของคุณจะถึงระดับใหม่ทั้งหมด นั่นคือสัญญา


2
Alan คำตอบของคุณจะช่วยให้ผู้เริ่มต้นทุกคนแม้ว่าฉันจะออกกำลังกายนี้ขอบคุณมากสำหรับสิ่งนี้และฉันจะพยายามให้ดีที่สุดเพื่อรักษาสัญญาของคุณ ...... ให้พระอาทิตย์ขึ้นใหม่ภายใน .... :) ขอบคุณอีกครั้ง ..
แจ็ค

ตามที่ฉันเรียนรู้ (บ่อยครั้งมากพอแล้ว) ดังนั้นฉันเลยผ่านไป คุณเป็นมากกว่าการต้อนรับ โชคดี!
Alan Gilbertson

รักหนังสือของ Robin Williams คำตอบที่ยอดเยี่ยมและคำแนะนำที่ดี
Lauren-Clear-Monica-Ipsum

9

วิธีทำให้เว็บไซต์ของคุณดูเป็นมืออาชีพในสายตาของฉันโดยไม่คำนึงถึงลำดับใด ๆ โอ้ ... และในระยะสั้น :) หากคุณต้องการคำอธิบายเพิ่มเติมว่าฉันหมายถึงอะไรแค่บอกฉัน:

  • ตั้งจานสีของคุณรอบ ๆ ตัวตนขององค์กรของลูกค้า
  • ฟังความต้องการของเขาอย่างรอบคอบเพื่อให้คุณสามารถเหมาะสมกับสไตล์ที่เขาต้องการ
  • ออกแบบเพื่อการใช้งาน คุณสามารถทำการออกแบบที่กรามลดลง แต่ถ้าการแปลงไม่ดีมันไม่มีประโยชน์
  • เลือกวิชาการพิมพ์ของคุณอย่างระมัดระวัง (เช่นคุณไม่เห็นผลิตภัณฑ์ของ Apple ที่มีกราฟฟิตีเหมือนตัวอักษร)
  • ใช้ระบบ 960gs ก่อนที่คุณจะเริ่มออกแบบด้วยวิธีนี้คุณจะมั่นใจได้ว่าการจัดตำแหน่งของคุณนั้นดี
  • อธิบายและปกป้องการออกแบบของคุณ บอกลูกค้าว่าเหตุใดคุณจึงเลือกองค์ประกอบเฉพาะและอธิบายว่าทำไมพวกเขาถึงดี โปรดจำไว้ว่าเราในฐานะนักออกแบบไม่ถูกต้องเสมอไป
  • เรียนรู้ต่อไป. ติดตามบล็อกและนิตยสารออนไลน์สำหรับบทเรียน jQuery ใหม่ ๆ การอ่านเป็นกุญแจสำคัญ
  • ตรวจสอบให้แน่ใจว่ารหัสของคุณเป็น W3C ที่ถูกต้องและมีขนาดไม่ใหญ่เกินไป

ฉันทำสิ่งเหล่านี้เป็นครั้งคราว แต่ก็ยังฉันไม่รู้ว่าพวกเขาต้องการอะไรฉันขอให้พวกเขาบอกฉันว่าอะไรที่หายไปพวกเขาพูดว่า "color is ok" "contrast is ok" ทุกอย่างทำงานได้ดี แต่ก็ยังไม่ได้มอง มืออาชีพ "มันขาดอะไรบางอย่างฉันไม่รู้ว่าอะไรเป็นความรู้สึกของการเป็นมืออาชีพดูเป็นมืออาชีพเกือบทุกครั้งที่ฉันต้องให้รอบจำนวนมากที่รบกวนฉันฉันทำงานให้เจ้านายของฉันเขาส่งอีเมลเช่นนั้นและฉัน demotivated กับอีเมลดังกล่าว พวกเขามาเสมอ :( อาจเป็นเพราะฉันไม่ใช่นักออกแบบเลย
Jack

2

สิ่งที่ต้องจำสำหรับการออกแบบที่ดูดี:

ดังนั้นเราจะเรียนรู้กฎ 4 ข้อที่น่าทึ่งของกฎการออกแบบกราฟิกที่จะช่วยคุณในการพัฒนาทักษะการ desiging ดังนั้นกฎ 4 ข้อคือ:

  1. การจัดตำแหน่งและการกระจาย
  2. การสร้างสมดุลและการจัดกลุ่ม
  3. ความคมชัด
  4. รูปแบบและการไล่ระดับสี

การจัดตำแหน่งและการกระจาย:กฎที่สำคัญที่สุดของการออกแบบที่ยอดเยี่ยมยอดเยี่ยมหรือดึงดูดสายตา การออกแบบที่เหมาะสมสอดคล้องดูดีทุกที่ไม่ว่าคุณจะออกแบบสื่อสิ่งพิมพ์สื่อโฆษณาการเผยแพร่บนเดสก์ท็อปหรือการออกแบบที่เกี่ยวข้องกับเว็บ ฟังดูดีนะ! แต่คำถามคือวิธีการเรียนรู้ที่จะใช้การจัดตำแหน่งที่เหมาะสมหรือรับความรู้สึกของการจัดตำแหน่งที่เหมาะสมในการ desiging ไปลึกลงไปในการจัดตำแหน่งและการกระจาย แต่แรกดูภาพตัวอย่างด้านล่าง:

  • การจัดตำแหน่ง: การจัดตำแหน่งหมายถึงการจัดเรียงองค์ประกอบของการออกแบบที่คล้ายกันหรืออื่น ๆ ในมิติของด้านบน, ล่าง, กลาง, ซ้ายหรือขวาเพื่อให้การออกแบบดึงดูดสายตา ดูภาพตัวอย่างด้านบนเพื่อทำความเข้าใจ

  • การกระจาย: การกระจายหมายถึงการให้หรือบำรุงรักษาระยะห่างเดียวกันระหว่างองค์ประกอบที่คล้ายกันหรือแตกต่างกันของการออกแบบใด ๆ ที่จะทำให้รูปแบบกราฟิกที่สะอาดและเหมาะสมดูภาพตัวอย่างด้านบนเพื่อทำความเข้าใจ

การปรับสมดุลและการจัดกลุ่ม: การปรับสมดุลและการจัดกลุ่มเป็นกฎที่สำคัญที่สุดลำดับที่สองของการออกแบบภาพใด ๆ ในกฎนี้เราต้องให้ความสำคัญกับองค์ประกอบของการออกแบบตัวอย่างเช่นถ้าเรามีข้อความและรูปภาพในการออกแบบของเราดังนั้นเราจึงต้องจัดเรียงพวกเขาในแบบที่พวกเขาสมดุลและดูดี คุณสามารถทำได้สองวิธี

  • วิธีที่หนึ่ง - การใช้องค์ประกอบที่แตกต่าง: ในกฎนี้เราจัดเรียงองค์ประกอบทั้งหมดด้วยกันเพื่อความสมดุลกับแต่ละอื่น ๆ คุณสามารถเข้าใจได้อย่างง่ายดายด้วยตัวอย่างที่ระบุด้านล่าง:

ดังที่คุณเห็นในตัวอย่างด้านบนเรามีองค์ประกอบข้อความและรูปภาพสองประเภทและเราได้จัดเรียงสิ่งเหล่านี้เพื่อให้การจัดวางน่าดึงดูดและยอดเยี่ยมทางสายตาพวกเขามีความสมดุลกันตอนนี้ลองมาดูวิธีที่สอง

  • วิธีที่สอง - การจัดกลุ่มองค์ประกอบส่วนบุคคล: ในกฎนี้เราสร้างกลุ่มที่แตกต่างกันขององค์ประกอบที่แตกต่างในการออกแบบ ลองดูตัวอย่างเพื่อทำความเข้าใจ

ดังที่คุณเห็นในตัวอย่างด้านบนเราได้สร้างกลุ่มองค์ประกอบข้อความและกลุ่มองค์ประกอบข้อความต่างกัน วิธีเลย์เอาต์นี้ยังเหมาะสำหรับการสร้างเลย์เอาต์ที่ดีและดูดีนอกจากนี้คุณยังสามารถใช้ทั้งสองวิธีร่วมกันเพื่อสร้างเลย์เอาต์การออกแบบที่ยอดเยี่ยม

ความคมชัด:ความคมชัดเป็นส่วนสำคัญของการออกแบบกราฟิกที่ดีในกฎนี้เราจะต้องทำให้องค์ประกอบของการออกแบบของเราให้แตกต่างจากองค์ประกอบอื่น ๆ กฎนี้ใช้ในการกำหนดองค์ประกอบความสำคัญในการออกแบบ

รูปแบบและการไล่ระดับสี:คุณสามารถทำให้คุณออกแบบได้ยอดเยี่ยมยิ่งขึ้นโดยการเพิ่มรูปแบบในพื้นหลังการออกแบบของคุณหรือในองค์ประกอบอื่น ๆ ของการออกแบบของคุณแบบดั้งเดิม จำไว้เสมอเมื่อใช้การไล่ระดับสีพยายามใช้การไล่ระดับสีสองสีที่มีความแตกต่างของสีอย่างเงียบ ๆ


สวัสดีศิลปะ bareliya ยินดีต้อนรับสู่ GDSE และขอบคุณสำหรับคำตอบที่ครอบคลุม โปรดอย่าพึ่งพาลิงก์สำหรับ 'คำตอบแบบเต็ม' Stack Exchange มีวัตถุประสงค์เพื่อรวบรวมความรู้ที่นี่เป็นอิสระจากลิงก์ที่อาจแตกในภายหลัง ลิงก์สำหรับข้อมูลเพิ่มเติมไม่เป็นไรตราบใดที่ส่วนสำคัญของคำตอบอยู่ในโพสต์ของคุณ ชุมชนมีแนวโน้มที่จะปราบปรามคำตอบอย่างหนักด้วยลิงก์ภายนอกหลายรายการเนื่องจากดูเหมือนว่าเป็นสแปม ขอบคุณสำหรับความเข้าใจ! หากคุณมีคำถามใด ๆ ที่มีลักษณะที่เป็นศูนย์ช่วยเหลือ ร่วมให้ข้อมูลและเพลิดเพลินกับเว็บไซต์!
Vincent

ขอบคุณสำหรับข้อมูล @Vincent ฉันจะจำครั้งต่อไป
bareliya arts

ยินดีต้อนรับทุกที่ทุกเวลา! และอย่าลังเลที่จะเข้าร่วมกับเราในการออกแบบกราฟิกแชทเมื่อชื่อเสียงของคุณอนุญาตให้คุณ (20) โดยปกติจะมีตัวดัดแปลงอย่างน้อยหนึ่งตัวหรือผู้ใช้ที่มีประสบการณ์ที่เต็มใจตอบคำถามของคุณ
Vincent

1

สิ่งที่ทำให้การออกแบบของคุณเป็นมืออาชีพหรือไม่ก็คือคุณจะได้รับเงินจากการทำหรือไม่

สำหรับการใช้คำว่า 'มืออาชีพ' เป็นคำวิจารณ์เชิงสุนทรียะมันไร้ประโยชน์มาก คุณจะต้องทำงานร่วมกับลูกค้าของคุณเพื่อให้พวกเขามีความเฉพาะเจาะจงมากขึ้นกับสิ่งที่พวกเขากำลังมองหาในแง่ของเป้าหมายทางธุรกิจและวัตถุประสงค์ของพวกเขา - โดยเฉพาะอย่างยิ่งพวกเขากำลังพยายามกำหนดเป้าหมายและวิธีการที่เหมาะสมที่สุด สำหรับกลุ่มประชากรเฉพาะนั้น

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.