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

สมมติว่าฉันมีสีเช่น # 7B0D40 มีเครื่องมืออะไรบ้างที่จะส่งออกคำที่มนุษย์เข้าใจได้ใกล้เคียงที่สุดสำหรับสีนั้น? (เช่น # 7B0D40 ~ = Magenta?) ฉันรู้ว่ามีวิธีการค้นหาคำที่ใช้ใน CSS เพื่ออธิบายค่าเลขฐานสิบหกอย่างชัดเจน แต่ฉันชอบที่จะสามารถเลือกสีที่มีการใช้งานแบบออร์แกนิกและรับชื่อที่สื่อความหมายสำหรับสีโดยประมาณได้อย่างรวดเร็ว มีเครื่องมือใดที่จะประมาณค่าคำเฉพาะที่มนุษย์สามารถอ่านได้อย่างรวดเร็วสำหรับสีที่ให้ค่าฐานสิบหก / สีอื่นอย่างชัดเจนหรือไม่? apraisals มนุษย์อย่างรวดเร็วของสิ่งที่สีมักจะส่งผลในแง่ที่คลุมเครือไร้ประโยชน์เช่น "สีฟ้า" หรือ "สีแดง" แทน "สีฟ้า" หรือ "สีม่วงแดง" ดังนั้น "เพียงแค่ลูกตามัน" ไม่เพียงพอ IMO

30 color 

ฉันเห็นคำว่า 'DPI' ปรากฏขึ้นมากมายเมื่อฉันส่งออกผลงานของฉันใน Photoshop และ Illustrator ในขณะที่ฉันรู้ว่า DPI ย่อมาจาก 'จุดต่อนิ้ว' และถ้าคุณมี DPI ต่ำเกินไปบนภาพความละเอียดที่หนักหน่วงจะเกิดขึ้นหากคุณพยายามซูมเข้า DPI ที่เหมาะสมที่สุดสำหรับสถานการณ์แบบใด ตัวอย่าง (สถานการณ์): การส่งออกการออกแบบ A4 พิมพ์ รูปแบบเว็บไซต์ โลโก้ (เฉพาะเว็บไซต์ - มีขนาดเล็กกว่า SE กราฟิคปัจจุบันเล็กน้อย) โลโก้ (ปรับขนาดขึ้นและลง - จากนามบัตรไปจนถึงแบนเนอร์ขนาดใหญ่)

30 website-design  print-design  ppi  resolution  dpi 

เรียกนักออกแบบเว็บไซต์ทั้งหมด :) ฉันเริ่มทำเว็บไซต์สำหรับธุรกิจขนาดเล็กในบ้านเกิดของฉันและมันจะเป็นโครงการที่เหมาะสมครั้งแรกของฉัน ฉันเคยทำไซต์ในอดีตซึ่งฉันได้ทำเพื่อการพักผ่อน ฉันคล่องแคล่วใน HTML และ CSS ฉันมีความต้องการของลูกค้าและสิ่งที่เขาต้องการในเว็บไซต์ ฯลฯ ฉันติดอยู่กับขั้นตอนที่ฉันควรทำตามหลังจากทำการสรุปข้อกำหนด ฉันค้นหาเว็บและไม่พบสิ่งใดที่เกี่ยวข้องกับคำถามของฉันเพราะข้อมูลล้าสมัย คำถามของฉันคือ: เวิร์กโฟลว์การออกแบบเว็บในปี 2014 คืออะไร? (เพราะทุกอย่างเปลี่ยนไปอย่างรวดเร็ว) ฉันจะสร้างโครงลวดของเว็บไซต์แล้วออกแบบพวกเขาใน photoshop แล้วออกแบบรหัสหรือไม่? ฉันแค่อยากรู้ว่ากระบวนการ "ออกแบบ" ทำงานอย่างไรเช่นขั้นตอนที่ฉันต้องทำเพื่อสร้างเว็บไซต์ ขอบคุณล่วงหน้า.

30 website-design 

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

30 typography  resource-recommendations  typefaces  font-design 

Wikipedia มีชุด SVG กายวิภาคศาสตร์ที่กว้างขวางแต่ฉันไม่สามารถเน้นอวัยวะหรือส่วนต่าง ๆ แบบไดนามิกได้เนื่องจากไม่มีไฟล์ต้นฉบับที่มีเลเยอร์ที่ฉันสามารถจัดการได้ใน Photoshop หรือ GIMP ฉันจะแก้ไขไฟล์. SVG ได้อย่างไร

30 vector  svg  file-format  image-editing 

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

29 fonts  typography  font-design 

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

29 logo  pricing  fees 

ในอดีต บริษัท และนักออกแบบเว็บไซต์จำนวนมากมีเวิร์กโฟลว์ที่สองหรือสามส่วนการออกแบบขั้นต่ำมาร์กอัปแบ็กเอนด์ สิ่งเหล่านี้เป็นการสรุปและเส้นอาจเบลอเล็กน้อย ... แต่ฉันแน่ใจว่าคุณได้รับส่วนสำคัญของฉัน บ่อยครั้งที่ผู้ออกแบบเว็บนั้นเป็น "ภาพเท่านั้น" และจะรับผิดชอบในการสร้างภาพจำลองที่มีรายละเอียดมากในซอฟต์แวร์แก้ไขภาพเช่น Photoshop หรือดอกไม้ไฟ mockup (s) จะแสดงทุกด้านที่เป็นไปได้ของหน้าเว็บจากสีและตัวเลือกประเภทเพื่อพื้นหลัง, ไอคอน, ภาพถ่ายและภาพอื่น ๆ ที่จะใช้ แต่ "ดีไซเนอร์" ไม่เคยเกี่ยวข้องกับการก่อสร้างจริงและการใช้งานจริง พวกเขามุ่งเน้นไปที่การปรากฏตัว เมื่อการออกแบบได้รับการอนุมัติ (โดยการตรวจสอบไฟล์ภาพเหล่านี้) ขั้นตอนที่สองได้ดำเนินการแล้ว - การเปลี่ยนไฟล์ภาพเป็น HTML / CSS แบบสด ในสภาพแวดล้อมแบบที่นั่งเดียวหรืออิสระนักออกแบบเว็บไซต์อาจใช้ตัวแบ่งข้อมูลและส่งออกเป็น HTML ผ่านตัวเลือกแอปพลิเคชันภายใน เมื่อวันที่หายากโอกาสออกแบบอาจสร้างเฟรมหน้า HTML / CSS พื้นฐาน ในบางสภาพแวดล้อมขององค์กร mockups เหล่านี้จะยังคงอยู่ในรูปแบบของไฟล์รูปภาพแบบเลเยอร์ (.psd, .png [สำหรับดอกไม้ไฟ]) สำหรับนักออกแบบเว็บไซต์และนักออกแบบจะไม่ต้องกังวลเกี่ยวกับการใช้มาร์กอัปหรือรหัสใด ๆ "ผู้ออกแบบ" ไม่ต้องกังวลเกี่ยวกับวิธีการสร้าง HTML …

29 workflow  mockup 

ฉันจะตั้งค่า snap to grid ใน Inkscape ได้อย่างไร ฉันเปิดใช้งานกริดแล้ว แต่การจัดเรียงดูเหมือนจะไม่ทำงาน คำตอบนี้ชี้ให้ฉันในทิศทางที่ถูกต้อง แต่ก็ยังไม่ได้แก้ปัญหาของฉัน ฉันกำลังแบ่งปันสิ่งที่ฉันเรียนรู้เกี่ยวกับการจัดชิดในตารางในคำตอบของฉันด้านล่าง

29 inkscape  grids  snapping 

ขออภัยล่วงหน้าสำหรับการอ่านที่ยาวนาน ฉันอายุ 22 ปีและเพิ่งเรียนจบสาขากราฟิกดีไซน์ ฉันได้รับการติดต่อจากธุรกิจขนาดเล็กที่ต้องการให้ฉันออกแบบโลโก้เครื่องเขียนและเว็บไซต์ ฉันคิดแค่ $ 20 / h NZD เท่านั้นเพราะอยู่ใต้โต๊ะและลูกค้ารายแรกของฉัน อย่างไรก็ตามฉันทำทุกอย่างเสร็จแล้ว พวกเขามีความสุขกับโลโก้และเครื่องเขียน แต่ไม่ใช่เว็บไซต์ พวกเขาคิดว่าทั้งเว็บไซต์ต้องการการออกแบบใหม่ พวกเขาบอกฉันเพียงเดือนเดียวหลังจากฉันเสร็จ (เมื่อสามีของเธอเริ่มมีส่วนร่วมกับข้อตกลงมากขึ้น) ดังนั้นฉันจึงได้แนวคิดใหม่และส่ง wireframes ให้พวกเขาบอกพวกเขาว่าใช้เวลาประมาณ 50-60 ชั่วโมง เขาส่งอีเมลยาว ๆ ที่เต็มไปด้วยอุปมาอุปมัยเกี่ยวกับการปูพื้นและวิธีที่เขาไม่ต้องการให้พื้นปูกระเบื้องของเขาสองครั้ง ฯลฯ (เป็นอีเมลที่ให้ความบันเทิง) เขาทิ้งฉันไว้กับคำขาด: ทำการออกแบบเว็บไซต์ใหม่ฟรีหรือคืนเงินมัดจำที่เขาจ่ายไปแล้วเดินจากไป (หลังจากเวลาผ่านไปหลายชั่วโมงแล้ว) ฉันชอบที่จะได้ยินจาก freelancer อื่น ๆ และได้ยินสิ่งที่พวกเขาจะทำในสถานการณ์นี้เพราะฉันใหม่กับสิ่งนี้และไม่สามารถบอกได้ว่าฉันผิดหรือเปล่า ข้อมูลสำคัญที่ควรทราบคือฉันไม่ได้ส่ง wireframes ของไซต์ไปให้พวกเขาในตอนเริ่มต้น (ซึ่งเป็นความผิดพลาดที่ฉันรู้ตอนนี้) แต่ข้อผิดพลาดนี้มีผลสะท้อนอย่างมากหรือไม่? และใช่จากนี้ไปฉันจะใช้สัญญา ถ้าคุณอ่านที่นี่ฉันจะรักอินพุตของคุณไชโย อัปเดต:ฉันรับคำแนะนำจากคำตอบด้านล่างและบอกเขาว่าฉันจะต้องจ่ายเงินสำหรับการออกแบบใหม่หรือฉันสามารถถอดมันออกและเราแยกทางกัน หลังจากการอภิปรายเขาบอกว่าไม่เป็นไรและตอนนี้จะอยู่กับการออกแบบในปัจจุบันและจ่ายสิ่งที่เขาเป็นหนี้ (ฟังดูเหมือนเขากำลังพยายามใช้ประโยชน์และหางานพิเศษฟรี)

29 website-design  client-relations  business  freelance 

สิ่งที่ฉันสามารถค้นพบในหัวข้อนี้คือบทความนี้ซึ่งค่อนข้างน่าสนใจในตัวเอง แต่มันเกี่ยวข้องกับการตั้งค่า 57% ของผู้ทดสอบชอบข้อความที่มียัติภังค์ นี่เป็นเรื่องที่น่าแปลกใจสำหรับฉันเพราะฉันรู้สึกว่าการใส่ยัติภังค์เป็นอุปสรรคต่อความสามารถในการใช้คำทั้งคำในทันที ไม่มีใครรู้ว่ามีการทดลองใด ๆ ในนั้นที่วัดเวลาการอ่านจริงหรือไม่? Glassman, Tracy (1997) หลักการของการพิมพ์สำหรับหน้าจอ วิทยานิพนธ์ปริญญาโท. Rochester NY, USA: สถาบันเทคโนโลยีโรเชสเตอร์

29 typography  hyphenation  research 

พิจารณาภาพสองภาพต่อไปนี้: ภาพที่สองคือผลลัพธ์ที่ฉันต้องการ: ขนาดของอาร์ทบอร์ดตรงกับเลเยอร์ / การเลือก / เนื้อหาอย่างสมบูรณ์ อย่างไรก็ตามฉันต้องปรับขนาด artboard ด้วยตนเอง มีวิธีการทำสิ่งนี้โดยอัตโนมัติหรือไม่? ท้ายที่สุดฉันบันทึกไฟล์เป็น SVG แทนที่จะปรับขนาด artboard มีการตั้งค่าบางอย่างที่บอกให้ผู้วาดภาพประกอบส่งออกไฟล์โดยมีขนาดสุดท้ายเป็นขนาดของเนื้อหาหรือส่วนที่เลือกหรือไม่ googling บางคนแนะนำว่านี่เป็นไปได้ใน CS3 โดยใช้ Save for Web แต่ฉันไม่เห็นตัวเลือกใด ๆ เช่นนี้ใน CS6

29 adobe-illustrator  cs6 

ฉันยังใหม่กับ Adobe Illustrator และฉันมีรูปโลโก้ซึ่งฉันต้องใช้ในขนาด 5 หรือ 6 ขนาดแตกต่างกัน ภาพโลโก้ถูกสร้างขึ้นใน Adobe Illustrator แต่เมื่อฉันพยายามบันทึกภาพไปที่ PNG หรือ JPEG สิ่งที่ควรได้รับการเรียบง่ายกลายเป็นเรื่องที่ซับซ้อนมาก ฉันเข้าใจว่า Adobe Illustrator ต้องการรักษาภาพในขนาดที่กำหนดและจากนั้นต้องการคูณขนาดนั้นด้วยพิกเซลต่อสเกลแฟกเตอร์เพื่อให้ได้จำนวนพิกเซลจริงที่บันทึกไว้ แต่ก็มีทางเลือกตัวประกอบสเกล จำกัด ไม่กี่รายที่ให้มากชุด จำกัด ของขนาดที่เกิดพิกเซลเอาท์พุท อย่างไรก็ตามสำหรับเว็บจำนวนมากใช้ผู้ใช้ทราบขนาดพิกเซลเอาต์พุตที่จำเป็นแล้ว มีวิธีการเพียงระบุความกว้างของพิกเซลหรือความสูงของกราฟิกที่บันทึกซึ่งจำเป็นต้องใช้หรือไม่? ฉันได้เห็นคำแนะนำในการส่งออกภาพจากนั้นใช้ Photoshop เพื่อปรับขนาด แต่ผลลัพธ์นั้นมีคุณภาพของภาพที่ไม่ดีเทียบกับการสร้างภาพสุดท้ายจากภาพเวกเตอร์

29 adobe-illustrator  export  ppi  pixel 

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

29 adobe-photoshop  swatches 

ฉันมีไฟล์ JPG ประมาณ 15,000 ไฟล์ที่จำเป็นต้องใส่ลายน้ำดิจิตอล มีวิธีการประมวลผลภาพเหล่านี้ค์ไรเดอและเพิ่มลายน้ำหรือไม่? ภาพอาจมีขนาดแตกต่างกันฉันต้องการลายน้ำอยู่ตรงกลางภาพ

29 software-recommendation  automation  batch-processing