ออกแบบกราฟิค

ถามตอบสำหรับผู้เชี่ยวชาญด้านการออกแบบกราฟิกนักเรียนและผู้ที่ชื่นชอบ

8
ฉันจะเริ่มเรียนรู้การพัฒนาเว็บได้อย่างไร
ฉันสนใจที่จะเรียนรู้การพัฒนาเว็บและเรียนรู้พื้นฐานบางอย่างเกี่ยวกับ HTML และ CSS เมื่อไม่กี่ปีก่อนจาก W3Schools แต่ฉันไม่เคยเรียนรู้วิธีพัฒนาเว็บไซต์ที่มีมาตรฐานสูงในปัจจุบันเช่นเว็บไซต์ที่ไม่มีการใช้ตาราง เพื่อควบคุมการออกแบบของเว็บไซต์ ทรัพยากรที่ดีที่ฉันสามารถเริ่มต้นได้คืออะไร

2
ฉันควรใช้ SVG หรือ SVGZ สำหรับกราฟิกเว็บของฉันเมื่อใด
จากความเข้าใจของฉัน SVGZ เป็นไฟล์บีบอัดของ SVG ฉันชอบใช้ภาพ SVG และมีประสบการณ์มากมายกับพวกเขา ทุกครั้งที่ฉันใช้พวกเขาฉันไม่เคยมีกราฟิกที่มีมากกว่าสองสามร้อยกิโลไบต์ ฉันใช้ SVG สำหรับกราฟิกที่ตอบสนองขณะทำเว็บไซต์ตอบสนอง ฉันยังใช้มันเนื่องจากสไตล์การออกแบบที่ฉันชอบคือกราฟิกแบบเวกเตอร์ จุดเด่นด้านการออกแบบที่แข็งแกร่งที่สุดของฉันคือนักวาดภาพประกอบโดยเฉพาะเมื่อพูดถึงการออกแบบกราฟิก อีกเหตุผลหนึ่งที่ฉันจะใช้กราฟิก SVG นั้นเป็นเพราะความสะดวกในการเคลื่อนไหวองค์ประกอบบางอย่างของกราฟิกเช่นแขนขาและอื่น ๆ โดยเฉพาะองค์ประกอบพื้นหลังเช่นเมืองที่แผ่ขยายไปทั่วทั้งหน้าในขณะที่ฉันเคลื่อนไหวแสงไฟกระพริบบ้าง หากไฟล์ถูกบีบอัดมันจะสูญเสียรหัส SVG ดังนั้นฉันจึงไม่สามารถเคลื่อนไหวได้หรือไม่ มีเหตุผลใดบ้างที่ฉันควรใช้ SVGZ แทน SVG ปรับปรุง ฉันตัดสินใจเพียงแค่สร้าง SVG และ SVGZ เพื่อดูว่าพวกเขาดำเนินการกับเว็บอย่างไรเนื่องจากฉันพบว่าผลงาน CS3 โบราณของฉันสามารถบันทึก SVGZ ได้! หลังจากการทดสอบฉันพบปัญหาเกี่ยวกับไฟล์ SVGZ (ทดสอบบน Chrome, Firefox และ IE) หากคุณไปที่ URL โดยตรงของภาพคุณจะได้รับข้อผิดพลาด ฉันสมมติว่าคุณไม่สามารถเข้าถึงรหัส SVG ในไฟล์ประเภทเหล่านี้ได้ สิ่งเหล่านี้ไร้ประโยชน์สำหรับเว็บหรือไม่ .svg …

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

6
แบบอักษร sans serif ที่มีความเคารพนับถือมากขึ้นนั้นมาพร้อมกับอะไรบนคอมพิวเตอร์ส่วนใหญ่
ฉันได้รับมอบหมายให้สร้างชุดรูปแบบ PowerPoint สำหรับ บริษัท ที่ฉันทำงานและหนึ่งในข้อกำหนดคือใช้ฟอนต์ที่มาพร้อมกับคอมพิวเตอร์ส่วนใหญ่ ฟอนต์ sans serif แบบบิวด์อินบางตัวที่นักออกแบบกราฟิกให้ความเคารพและใช้บ่อยขึ้นคืออะไร

8
คุณสามารถจัดลำดับหมายเลขของ artboards ใน Illustrator CS4 อีกครั้งได้หรือไม่?
ฉันใช้ผู้วาดภาพประกอบกับหลายกระดานเพื่อออกแบบเค้าโครงเว็บไซต์ บ่อยครั้งที่ฉันเริ่มที่จุดเริ่มต้น (สิ่งที่ฉันคิดว่าเป็นจุดเริ่มต้นในเวลา) และได้รับ 15 หน้าลึก จากนั้นฉันก็ตระหนักว่าฉันต้องเพิ่มอีกหน้าในตอนเริ่มต้น ฉันต้องการให้หน้านี้เป็นหน้า 1 คุณสามารถทำสิ่งนี้โดยไม่ย้ายองค์ประกอบทั้งหมดในหน้าทีละหน้าได้หรือไม่?

10
ฉันจะเพิ่มความเร็วในการออกแบบได้อย่างไร
ฉันเป็นนักออกแบบมา 6 เดือนก่อนหน้านี้เคยมีปริญญาเกียรตินิยมอันดับหนึ่งด้านการสื่อสารกราฟฟิค ปัญหาของฉันคือฉันเป็นนักออกแบบที่ดีมาก แต่ฉันทำงานช้าเกินไป มันเริ่มต้นที่จะแยกความแตกต่างระหว่างตัวฉันและผู้กำกับที่สร้างสรรค์ที่ต้องการให้ฉันทำงานเร็วขึ้น ฉันมักจะเป็นคนบ้างานแม้ในมหาวิทยาลัยฉันใส่ 110% ตลอดเวลาทำงานหนักจริง ๆ แต่ฉันก็ยังไม่เร็วพอที่จะทำโครงการให้เสร็จได้อย่างรวดเร็วงานของฉันดี แต่ก็ไม่มีประสิทธิภาพ พวกคุณมีเคล็ดลับอะไรบ้างที่จะช่วยให้ฉันเร่งความเร็ว?
22 workflow 

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

14
วัตถุ 'Un-smart' ใน Photoshop
ฉันได้สร้างการออกแบบใน Photoshop CS6 และใช้วัตถุฉลาดจำนวนมากซึ่งทำให้ขั้นตอนการทำงานง่ายขึ้น (อย่างน้อยสำหรับฉัน) ตอนนี้ฉันได้ออกแบบและฉันต้องการ "unsmart" วัตถุทั้งหมดเนื่องจากขนาดไฟล์ใหญ่ของ PSD ฉันไม่ต้องการทำRasterize Layerเพราะฉันต้องการเก็บทุกเลเยอร์ซึ่ง แต่เดิมบน Smart Object ฉันต้องการแปลงวัตถุอัจฉริยะแต่ละชิ้น (บางส่วนมีการใช้งานลักษณะเป็นชั้น ๆ ) เป็นกลุ่ม (โฟลเดอร์) ซึ่งจะมีเลเยอร์ทั้งหมดภายใน + ค่า FX นำไปใช้กับวัตถุอัจฉริยะและมันจะอยู่ในตำแหน่งที่แน่นอนของสมาร์ท วัตถุเป็นมาก่อน ฉันไม่พบอะไรเกี่ยวกับสิ่งนี้ในอินเทอร์เน็ต นอกจากนี้วัตถุอัจฉริยะบางตัวยังมีวัตถุอัจฉริยะภายในอยู่ด้วย ฉันไม่สนใจที่จะทำสิ่งนี้ด้วยตนเอง แต่การคัดลอกและวางทุกเลเยอร์ในวัตถุอัจฉริยะเป็นวิธีที่น่ารำคาญมากเพราะฉันต้องปรับขนาดและเปลี่ยนเลเยอร์ที่วาง

10
ทางเลือกที่คล้ายกันกับ Helvetica
ฉันต้องการใช้สิ่งที่คล้ายกัน แต่แตกต่างสำหรับโครงการโปสเตอร์ของฉัน ฉันตัดออกแล้ว: Arial Avant Garde / Futura - เรขาคณิตเกินไป Frutiger - มนุษยนิยมมากเกินไป / 'เป็นมิตร' ฉันเดาว่าฉันกำลังมองหาบางอย่างที่จะเข้าคู่กันอย่างใกล้ชิดในรูปร่างส่วนใหญ่ แต่จะมีจุดแตกต่างพอที่จะทำให้ผู้คน (ตกลงนักออกแบบคนอื่น) สงสัยว่าฉันใช้อะไร เช่นเรื่องเดียว 'a' หรือ 'g' ที่แตกต่างอย่างชัดเจน โปรดใส่ตัวอย่างที่เป็นภาพถ้าเป็นไปได้และรวมถึงสาเหตุบางประการที่ทำให้แบบอักษรแต่ละตัวเป็นตัวเลือกที่ดี ฉันตามข้อเสนอแนะที่ดีจำนวนเล็กน้อยและไม่ใช่รายชื่อที่แน่นอน สำหรับเงินรางวัล ฉัน (ไรอันซึ่งกำลังแก้ไขสิ่งนี้) ถามสิ่งที่มีความหมายโดยวันที่ นี่คือคำตอบที่ Michael Lai มอบให้ฉัน: มีคำถามเกี่ยวกับทางเลือกฟรีสำหรับ Helvetica และตัวอักษรที่คล้ายกันกับ Helvetica Neue แต่คำตอบนั้นมาจากแบบอักษรที่มีอยู่จากอย่างน้อยสองสามปีที่ผ่านมาและฉันต้องการทราบว่ามีการเปลี่ยนแปลงหรือแบบอักษรใหม่ตั้งแต่นั้นมา นอกจากนี้ยังเป็นการดีที่สุดที่จะได้รับการเปรียบเทียบภาพระหว่างแบบอักษรถ้าเป็นไปได้ (เช่นโดยการซ้อนทับแบบอักษรทับซ้อนกัน)

4
การเปลี่ยนแปลงที่ลูกค้าร้องขอดูแย่มากฉันจะใส่อะไรลงไปในแฟ้มสะสมผลงานได้บ้าง?
ดังนั้นในขณะที่ตอนนี้ฉันได้เรียนรู้เกี่ยวกับการออกแบบเว็บ / การพัฒนาเว็บให้ทำโปรเจคเล็ก ๆ น้อย ๆ สำหรับชั้นเรียน (ฉันเป็นนักเรียน) อ่านเรื่องนี้ดูวิดีโอและอื่น ๆ ตอนนี้ฉันค่อนข้างคุ้นเคยกับหลักการออกแบบและฉันสามารถสร้างเว็บไซต์ที่ดูสะอาดและตอบสนองได้ดี ดังนั้นเมื่อเร็ว ๆ นี้ฉันมีโอกาสสร้างเว็บไซต์ 'ของจริง' แห่งแรกของฉัน สำหรับนักร้องประสานเสียงที่ญาติของฉันมีส่วนเกี่ยวข้องดังนั้นฉันจึงเสนอให้ทำฟรี ดังนั้นฉันจึงสร้างเว็บไซต์ที่ดีรู้สึกค่อนข้างมั่นใจเกี่ยวกับการออกแบบของฉันและแสดงให้ลูกค้าเห็น พวกเขาบอกว่ามันดูดีและเป็นเช่นนั้น แต่ขอให้ฉันทำการเปลี่ยนแปลง 'เล็ก' มากมายเช่นการเปลี่ยนสีพื้นหลังขนาดตัวอักษรขององค์ประกอบบางอย่างและอื่น ๆ ที่เลวร้ายที่สุดแทนที่จะใช้โลโก้ที่ฉันสร้างขึ้นพวกเขาตัดสินใจที่จะใช้บางสิ่งที่ดึงออกมาซึ่งฉีกโลโก้ที่ไม่ใช่หนึ่ง แต่บริษัท ยักษ์ใหญ่สองแห่งนั้นป่องอย่างน่ากลัว (ต่อมาฉันถามเพื่อนของฉันซึ่งเป็นนักออกแบบที่ผ่านการฝึกอบรมแล้วและเห็นด้วยว่าคำแนะนำดั้งเดิมของฉันดูดีกว่ามาก) ดังนั้นปัญหาคือฉันหวังว่าจะเริ่มสร้างผลงานด้วยโลโก้และเว็บไซต์ที่ฉันสร้างขึ้น แต่หลังจากการเปลี่ยนแปลงทั้งหมดที่ฉันนำไปใช้ (พยายามอธิบายให้พวกเขาทราบว่าทำไมมันถึงเป็นความคิดที่ไม่ดี แต่พวกเขาไม่มีมัน) เว็บไซต์ดูแย่มาก ๆ และไม่ใช่สิ่งที่ฉันต้องการให้แสดงเป็นงานของฉัน ดังนั้นฉันจะไปเกี่ยวกับการเพิ่มเว็บไซต์เดิมของฉันและโลโก้ที่ฉันสร้างลงในผลงานของฉันได้อย่างไร ฉันได้บันทึกการออกแบบดั้งเดิมของฉันในสาขา git แยกจากกันดังนั้นฉันสามารถกลับไปที่นั่นถ่ายภาพหน้าจอหรือสะท้อนไซต์ดั้งเดิมไปยังเซิร์ฟเวอร์ ฉันควรเชื่อมโยงไปยังเว็บไซต์สดและพูดถึงการเปลี่ยนแปลงที่ฉันไม่สามารถควบคุมได้พร้อมกับภาพหน้าจอบางรายการหรือไม่ หรือฉันควรแทนที่รูปภาพและคัดลอกรูปภาพเหล่านั้นมาพร้อมกับข้อความ / ภาพจำลองและอัปโหลดเพจไปยังโดเมนย่อยของเซิร์ฟเวอร์ของฉันเอง (และเชื่อมโยงไปยังรูปภาพนั้นในผลงานของฉัน) หรือมีวิธีที่ดีกว่า นอกจากนี้ฉันจะทำเช่นนั้นในวิธีที่ลูกค้าจะไม่รู้สึกว่าฉันปฏิบัติต่อพวกเขาไม่ไยดีหรือวางตัว (ใน ' ลูกค้าโง่มีความคิดที่โง่ดังนั้นนี่คือการออกแบบดั้งเดิมที่ชาญฉลาดของฉัน ')? ในหมายเหตุที่เกี่ยวข้องฉันควรรวมเว็บไซต์และการออกแบบโลโก้ไว้ในรายการเดียวหรือแยกพวกเขาออกจากกันหรือไม่?

3
ตัวอักษรอาจทับซ้อนกันในการเรียงพิมพ์ด้วยตนเองได้อย่างไร
โดยทั่วไปการพูดขึ้นและลงไม่ควรสัมผัสกันในเนื้อหาข้อความ นี่เป็นการอธิบายตนเองเนื่องจากอาจนำไปสู่ข้อความที่อ่านยาก อย่างไรก็ตาม Erik Spiekermann ชี้ให้เห็นว่ามีกรณีการใช้งานที่ได้รับประโยชน์จากตัวอักษรที่ทับซ้อนกันบางส่วนเช่นเพื่อทำให้หัวเรื่องมีพลังยิ่งขึ้น (Spiekermann 1986: 43) เขายังให้ตัวอย่าง (Spiekermann 1986: 42, ลูกศรโดยฉัน) ซึ่งพูดว่า: มีกฎตามที่สืบทอดและสืบทอดจะต้องไม่สัมผัส มีข้อยกเว้นสำหรับกฎนี้ซึ่งระบุว่าพวกเขาอาจได้สัมผัสถ้ามันดูดีกว่า ในตัวอย่างนี้ตัวอักษรgสัมผัสกับตัวอักษรüและRในบรรทัดต่อไปนี้ ในการพิมพ์ดิจิตอลตัวอักษรไม่จำเป็นต้องเชื่อมต่อกับขนาดของบล็อก "โลหะ" ของพวกเขา (ซึ่งยังคงมีอยู่จริง) อีกต่อไปเช่นในแบบอักษรAmsterdamer Garamont , ตัวพิมพ์เล็กhเกินบล็อกด้านบนในขณะที่pตัวพิมพ์เล็กเกินกว่าบล็อก ด้านซ้ายและด้านล่าง (Forssman และ de Jong 2014: 86) ผู้เขียนเขียน (แปลโดยฉัน): ในการเรียงพิมพ์ด้วยตนเองจะไม่สามารถทำได้ ส่วนที่ทับซ้อนกันของตัวอักษรจะชนกับตัวอักษรในบรรทัดด้านบนและด้านล่างและแบ่ง คำถาม: ก่อนการประดิษฐ์ประเภทดิจิตอลในการเรียงพิมพ์ด้วยตนเองกับประเภทตัวถังตะกั่วตัวอักษรที่ทับซ้อนกันได้ผลิตอย่างไรและปัญหาที่อธิบายไว้ข้างต้นได้รับการแก้ไขอย่างไร ผลงานอ้างอิง: Forssman, Friedrich และ Ralf de Jong Detailtypografie ไมนซ์ 2014 (2002) …

4
มันไม่เป็นไรที่จะทำให้ใบหน้าของมนุษย์จางหายไปเพียงเพื่อสร้างที่ว่างเพื่อวางเนื้อหาที่สำคัญไว้
โปรดดูภาพ เพื่อเขียนข้อความฉันต้องวางสีขาวไว้ครึ่งบนของบุคคลทางด้านขวา มันโอเคที่จะทำในการออกแบบกราฟิกหรือมันผิดอย่างมหันต์ที่นี่? PS: ขนาดสำเนาและจำนวนบรรทัด / คำอาจแตกต่างกัน

3
ทำไมสัญลักษณ์สกุลเงินที่รู้จักกันดีส่วนใหญ่มีการขีดฆ่าด้วยสัญลักษณ์
เราพบสัญลักษณ์สกุลเงินทุกวันเพื่อเป็นชื่อย่อของสกุลเงินโดยเฉพาะอย่างยิ่งในการอ้างอิงกับจำนวนเงิน ส่วนใหญ่เช่นสัญลักษณ์สกุลเงินทั่วไปเหล่านี้ มีการขีดฆ่าในเครื่องหมายของพวกเขา แม้แต่Bitcoinใช้สองนัดในสัญลักษณ์สกุลเงินเก่าและใหม่: เราใช้การนัดหยุดงานเพียงเพราะพวกเขาทำให้สัญลักษณ์สกุลเงินง่ายต่อการแยกความแตกต่างจากตัวอักษรอื่น ๆ ของตัวอักษรแม้เมื่อมีการเขียนเครื่องหมายในรูปแบบสมัยเก่าเช่นสัญลักษณ์ปอนด์? จะปลอดภัยหรือไม่ที่จะสร้างสัญลักษณ์ใหม่โดยสิ้นเชิงแทนที่จะใช้ตัวอักษรใหม่ตามที่@Rad Lexusชี้ให้เห็น? เป็นหมายเหตุด้านข้าง: ฉันสงสัยว่าเราสามารถสันนิษฐานได้ว่าการขีดฆ่าในสัญลักษณ์สกุลเงินได้กลายเป็น "มาตรฐานหลอก" เพราะแม้แต่Monopoly ก็ใช้มันเพื่อเชื่อมโยงเงินจริงกับเงินในเกม? แก้ไขฉัน:ในฐานะที่เป็น@Zach ซอสกล่าวถึงคำถาม (มาก) ที่คล้ายกันถูกถามเกี่ยวกับquora.com น่าเสียดายที่คำตอบที่ให้ไว้นั้นมี IMHO ที่ไม่น่าพอใจอย่างมากเนื่องจากมีการโพสต์ประวัติสัญลักษณ์ (สมมุติ) สัญลักษณ์สกุลเงินหลักบางรายการเท่านั้นและไม่มีคำอธิบายใด ๆ ว่าเหตุใดจึงมีการใช้การตีโดยทั่วไปสำหรับสัญญาณสกุลเงิน

4
ทำไม Corbel ถึงถูกระบุว่าเป็นตัวอักษรที่ไม่ดีสำหรับเนื้อความใน Butterick's Practical Typography?
เรากำลังสร้างแนวทางการสร้างแบรนด์สำหรับองค์กรอาสาสมัครที่ไม่แสวงหากำไร มีเพียงประมาณ 10 คนเท่านั้นที่จะสร้างเนื้อหา แต่ผู้คนจำนวนมากจะต้องสามารถดูเอกสารและสิ่งพิมพ์โดยใช้การสร้างแบรนด์ทั้งสิ่งพิมพ์และดิจิทัล เมื่อมองหาแบบอักษรที่เหมาะสมฉันพบว่า Corbel เหมาะกับความต้องการของเราสำหรับตัวอักษรที่ค่อนข้างดี อย่างไรก็ตามฉันไม่ใช่ผู้เชี่ยวชาญด้านการพิมพ์และฉันอ่านแบบอักษรจำนวนมากในวันที่ผ่านมา ในคู่มือ Typography Typography ของเขา Butterick แสดง Corbel เป็นแบบอักษร B-tier (ตกลงในปริมาณที่ จำกัด ) และไม่ได้ทำเครื่องหมายว่าเหมาะสมสำหรับเนื้อความ เหตุผลของเขาคืออะไร? มีอะไรผิดปกติกับแบบอักษรหรือไม่ อย่างน้อยก็ไม่ควรใช้มากจนเกินไปเช่น Calibri / Arial เป็นต้น

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

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