คำถามติดแท็ก website-design

คำถามเกี่ยวกับการออกแบบรูปลักษณ์ที่สวยงามของเว็บไซต์ทั้งในทางปฏิบัติและเชิงทฤษฎี สำหรับคำถามเกี่ยวกับการเขียนโค้ดโครงสร้างของเว็บไซต์โปรดไปที่ Stack Overflow สำหรับคำถามเกี่ยวกับประสบการณ์การใช้งานโปรดไปที่ UX.SE ถามทุกสิ่งที่เกี่ยวข้องกับการออกแบบกราฟิกและเลย์เอาต์ที่มองเห็นได้ที่นี่บน GD.SE

10
ฉันจะทำงานกับลูกค้าที่ไม่รู้ว่าต้องการได้อย่างไร
ฉันกำลังช่วยเหลือลูกค้า / เพื่อนด้วยการออกแบบเว็บไซต์ เขาเป็นนักคิดแนวความคิด แต่ความคิดของเขานั้นสร้างแรงบันดาลใจอยู่เสมอ แต่ไม่ใช่ในทางปฏิบัติ เขาต้องการทิศทางที่แตกต่างเสมอหลังจากที่ฉันแสดงให้เขาเห็นการออกแบบของฉัน เขาต้องการสิ่งใหม่และสดชื่น เขาไม่ชอบเว็บไซต์ที่อยู่ข้างนอกเพราะมันเป็นการค้ามากเกินไป ฉันคิดว่ามันจะง่ายกว่าที่จะจัดการในภายหลัง ฉันดิ้นรนกับเขาเพราะ ฉันไม่ได้รับเงินสำหรับสิ่งนี้ ฉันต้องการให้เขาเลือกการออกแบบ อย่างไรก็ตามฉันสงสัยว่าถ้าคุณมีเคล็ดลับในการติดต่อกับลูกค้าที่ไม่มีทิศทางและไม่รู้ว่าพวกเขาต้องการอะไร? คุณจะทำอย่างไร เลือกเว็บและให้เขาตัดสินใจว่าชอบสไตล์ใด ฉันจะแนะนำเขาในทิศทางที่ถูกต้องได้อย่างไร? ข้อเสนอแนะใด ๆ สำหรับฉัน? ขอบคุณสำหรับความช่วยเหลือ!

7
การทำออนไลน์ freelancing เป็นแหล่งที่มาของรายได้หรือไม่?
เบื่อกับชีวิตในมหาวิทยาลัยฉันคิดว่าฉันจะพยายามเป็นนักแปลอิสระ ฉันคุ้นเคยกับการเขียนโปรแกรม ฉันจะหาเงินออนไลน์ในฐานะนักออกแบบเว็บไซต์ได้อย่างไร มีวิธีที่เชื่อถือได้ในการรับเงินหรือไม่? ฉันเห็นไซต์ฟรีแลนซ์เช่นFiverrและoDeskเต็มไปด้วยผู้คนที่ให้บริการในราคาที่ต่ำกว่า มันโอเคที่จะให้บริการสำหรับค่าต่ำเช่นนี้หรือไม่?

6
แบบอักษรการบินอวกาศดีอักษรย่อและโอเพนซอร์สหรือไม่
ฉันกำลังมองหาแบบอักษรที่ดีที่สุดสำหรับตารางรายงานที่จะมีหลายคอลัมน์ (เหตุผลในการย่อ) เหตุผลสำหรับการบินในอวกาศคือรายงานเหล่านี้จะมีตัวเลขจำนวนมากและเราต้องการให้พวกเขาอยู่ในแนวเดียวกันทุกแถว เหตุผลที่ฉันต้องการให้เป็นโอเพ่นซอร์สคือเราจะแสดงรายงานเหล่านี้ภายในเว็บแอปพลิเคชันดังนั้นมันจะถูกฝังเป็นแบบอักษรเว็บ (@ font-face) ผมเห็นAnka Coder0แต่ฉันไม่ชอบมัน ปรับปรุง: ในที่สุดฉันก็ตัดสินให้Open Sans Condensed Lightซึ่งมีตัวเลขแบบ monospaced ดังนั้นจึงดีพอสำหรับกรณีการใช้ของฉัน ขอบคุณทุกคนสำหรับการป้อนข้อมูลของคุณ!

8
ทางเลือกแบบอักษรบนเว็บ Trebuchet MS
ฉันมีไซต์ที่ค่อนข้างเก่าซึ่งใช้แบบอักษรTrebuchet MSในสคริปต์ละตินและ Cyrillic ถ้าฉันเข้าใจถูกต้องหนึ่งครั้ง (ทศวรรษที่แล้ว) แบบอักษรนี้มีอยู่ในคอมพิวเตอร์ที่ใช้สำหรับการท่องเว็บ 95-99% และมันก็โอเคที่จะใช้ - ทุกวันนี้อุปกรณ์มากมาย (เช่น Android, iOS, อุปกรณ์ที่ใช้ Linux) ) ไม่มีเลย ในทางทฤษฎีมันสามารถดาวน์โหลดได้จากเว็บไซต์ของ Microsoft และติดตั้งแบบต่อคอมพิวเตอร์ แต่มันเป็นไปไม่ได้ที่จะแจกจ่ายซ้ำเช่นทำแบบอักษรเว็บจากมัน ฉันต้องการอัปเดตไซต์นั้นและใช้แบบอักษรบนเว็บที่สามารถดาวน์โหลดได้ - ควรเป็นแบบฟรี ทุกคนสามารถแนะนำทางเลือกที่ดีให้กับ Trebuchet MS ได้ไหม?

3
คุณควรออกแบบเว็บไซต์ที่มีตัวอักษรต่างประเทศอย่างไร
ไคลเอนต์โครงการออกแบบและพัฒนาเว็บบางแห่งจะร้องขอความสามารถสำหรับการแปลภาษาต่างประเทศในเว็บไซต์ของพวกเขา คุณจะอธิบายเกี่ยวกับสิ่งนี้และวิธีปฏิบัติที่ดีสำหรับการจำลองเนื้อหาได้อย่างไร หากลูกค้าให้เนื้อหาคุณจะต้องใช้เวอร์ชันภาษาอังกฤษและไปที่ Google แปลและแปลทุกภาษาและการออกแบบตามที่ร้องขอ? คุณออกแบบและกำหนดรหัสแต่ละ.cssไฟล์สำหรับแต่ละภาษาหรือไม่หากคุณต้องการผลลัพธ์ที่ดีที่สุด เมื่อคุณมอบ mockup ให้กับลูกค้าคุณให้ฉบับแปลหรือเพียงแค่ภาษาอังกฤษ? เป็นความคิดที่ดีหรือไม่ที่จะไม่รับประกันหรือกำหนดให้ลงชื่อออกสำหรับการออกแบบของคุณหากคุณไม่พูดภาษาต่างประเทศที่เป็นปัญหา

5
รูปแบบการกำหนดราคาการออกแบบที่ดีกว่าคืออะไร
ฉันอยากรู้ว่าโมเดลการกำหนดราคาแบบใดที่รู้สึกดีที่สุดเหมาะกับการออกแบบอิสระในสถานการณ์ใดและเพราะอะไร ฉันไม่ได้มองหาค่าเงินดอลลาร์ มีรูปแบบการกำหนดราคาพื้นฐานสองสามแบบที่ freelancer ใช้: การกำหนดราคาตามเวลา นี่คือที่ที่คุณคำนวณทุกนาทีที่คุณทำงานในโครงการและแยกออกเป็นอัตรารายชั่วโมงของคุณและเรียกเก็บเงินตามสูตรที่คุณต้องการ มีคำถามหลายข้อที่ GD.SE ซึ่งอ้างถึงรูปแบบการกำหนดเวลาด้วยคำตอบที่ยอดเยี่ยมเช่น: การกำหนดราคาการออกแบบกราฟิก / ฉันควรคิดค่าบริการการออกแบบราคาใด / การกำหนดราคาสำหรับการออกแบบเว็บไซต์ (กราฟิกเท่านั้น)รุ่นนี้มีความถูกต้องหากลูกค้าทราบทุกนาทีที่คุณต้องทำงานมากขึ้น ดังนั้นการแก้ไขแต่ละครั้งจะเพิ่มค่าธรรมเนียม ลูกค้าบางคนพอใจกับสิ่งนี้บางคนประหลาดใจเพราะพวกเขาไม่เข้าใจโครงสร้างราคา การกำหนดราคาต่อบริการหรือค่าธรรมเนียมคงที่ บางครั้งเรียกว่าการคิดราคาตามโครงการ นี่คือที่ที่คุณคำนวณราคาสำหรับแต่ละบริการที่คุณเสนอและทำงานเป็นส่วนใหญ่จากแผ่นราคา ด้วยวิธีนี้คุณจะรู้ว่าโบรชัวร์ราคา $ XXX ทุกครั้งเว็บไซต์ 3 หน้ามีราคา $ XXX ทุกครั้งเป็นต้นรุ่นนี้ไม่อนุญาตให้มีการเปลี่ยนแปลงหากขอบเขตของโครงการกลายเป็นปัญหา ดังนั้นอาจส่งผลให้การสนทนาที่ยากลำบากกับลูกค้าบอกให้พวกเขาหยุดด้วยการแก้ไขหรือจ่ายเพิ่มเติม การกำหนดราคาตามมูลค่า รุ่นนี้ไม่ยึดตามราคาที่กำหนดหรือโครงสร้างต่อชั่วโมง บริการกำหนดราคาแบบอิงราคาตามมูลค่าที่รับรู้หรือความสำคัญต่อลูกค้า อันนี้ค่อนข้างยุ่งยาก โดยพื้นฐานแล้วมันเป็นของเก่า "ถ้าคุณคิดค่าบริการเพิ่มลูกค้าคิดว่าคุณคุ้มค่า" แบบ คุณมักจะสามารถใช้โมเดลนี้เพื่อเพิ่มรายได้โดยไม่ต้องเพิ่มภาระงาน นี่คือเหตุผลที่รายการ "ชื่อแบรนด์" มีราคาแพงกว่ารายการทั่วไป - ค่าที่รับรู้เมื่อในความเป็นจริงรายการหรือปริมาณงานเป็น / เหมือนกัน มีคนอื่นเช่นการออกใบอนุญาตการใช้งานค่าลิขสิทธิ์เป็นต้น แต่ฉันรู้สึกว่าเป็นกรณีพิเศษที่โดยทั่วไปไม่ได้ใช้กับงานส่วนใหญ่ หากคุณรู้สึกว่าพวกเขาทำโปรดอธิบายว่าทำไม นอกจากนี้ยังเป็นไปได้ที่จะใช้การรวมกันของรูปแบบราคาหรือรูปแบบไฮบริด …

9
เป็นวิธีที่ดี (และง่าย) ในการแสดงว่าภาพหน้าจอเป็นภาพหน้าจอคืออะไร
ฉันใช้ Mac OS X 10.6 และฉันชอบเครื่องมือจับหน้าจอระบบ ตามค่าเริ่มต้นเมื่อคุณจับทั้งหน้าต่างมันจะวางเงา / ไล่ระดับลงเล็กน้อยด้วยความโปร่งใสโดยใช้ภาพ PNG ซึ่งฉันคิดว่าค่อนข้างดี อย่างไรก็ตามหากคุณจับภาพพื้นที่ของหน้าจอตัวอย่างเช่นจากหน้าเว็บขอบจะเรียบและอาจเป็นการยากที่จะบอกได้ว่านอกเหนือจากส่วนอื่น ๆ ของเว็บไซต์โดยเฉพาะอย่างยิ่งถ้ามันดูคล้ายกับองค์ประกอบที่มีอยู่แล้ว . ดังนั้นคำถามของฉันคือสิ่งนี้วิธีที่ง่ายและดีงามในการแสดงให้เห็นว่าภาพไม่ได้เป็นส่วนหนึ่งของเว็บไซต์ ฉันคิดว่าเส้นขอบสีดำขนาด 5 พิกเซลน่าจะเป็นเช่นนั้น แต่นั่นไม่ใช่สิ่งที่ดีงาม ฉันชอบการไล่ระดับสีที่บอบบางที่ OS X ทำ แต่เหมาะสำหรับหน้าจอทั้งหมดและจะสร้างได้ง่ายหรือไม่ ฉันรักมันอย่างแท้จริงหากมีสคริปต์ที่ฉันสามารถใช้เพื่อนำการเปลี่ยนแปลงมาใช้โดยไม่ต้องเปิด Photoshop เอง แต่นั่นไม่ใช่ข้อกำหนดสำหรับคำตอบที่ยอมรับได้ ตัวอย่างของปัญหาที่ฉันพูดถึง

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

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

5
เป็นวิธีที่ดีที่สุดในการระบุว่าคุณสามารถเลื่อนในพื้นที่เมื่อพื้นที่ไม่มีแถบเลื่อนได้อย่างไร
สิ่งเดียวที่ฉันคิดได้ก็คือพูดว่า: "เลื่อนเพื่อดูเมนูเต็ม" ด้านบน มีวิธีอื่นอีกที่ผู้คนกำลังทำมันอยู่?

4
ฉันจะทำให้โลโก้เวกเตอร์ดูคมชัดเป็นพิเศษบนเว็บได้อย่างไร
ฉันทำงานกับ Illustrator เป็นจำนวนมาก แต่ฉันไม่เคยพอใจอย่างมากกับการทำงานของฉันบนเว็บไซต์ของเรา ฉันลองใช้เทคนิคต่าง ๆ - การบันทึกจาก Illustrator และการเปิดใน Photoshop และการบันทึก - แต่ฉันยังขาดอะไรบางอย่าง เอ็ด โลโก้นี้จัดทำขึ้นเป็น AI เท่านั้น ฉันได้ผลลัพธ์ที่เลือนเล็กน้อยเหมือนกันไม่ว่าฉันจะบันทึกสำหรับเว็บ & อุปกรณ์จาก Illustrator หรือนำเวกเตอร์ไปใช้ใน Photoshop ฉันมักจะปรับขนาดใน Illustrator ตามขนาดที่ต้องการแล้วบันทึกสำหรับเว็บ (เพิ่มประสิทธิภาพประเภท inc - มีข้อความอยู่ในโลโก้)

1
การออกแบบจะมีความสมดุลและยังมีจุดโฟกัสได้อย่างไร?
แนวคิดของจุดโฟกัสดูเหมือนจะเป็นพื้นฐานในการออกแบบเว็บ แต่จุดโฟกัสไม่ได้หมายความว่าหน้าเว็บไม่สมดุล แน่นอนโดยการกำหนดจุดโฟกัสหมายความว่า 'น้ำหนัก' ของหน้าเว็บถูกเลื่อนไปยังจุดโฟกัสนี้หรือไม่

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

5
การบีบอัดภาพ JPEG ที่ทันสมัยที่สุดบน mac?
บางครั้งฉันทำงานกับไฟล์ JPEG สำหรับการออกแบบเว็บของฉัน มีบางโอกาสที่รูปแบบ PNG ไม่เหมาะสม .. มีเทคนิคการปรับให้เหมาะสมที่สุดสำหรับรูปแบบ PNG แต่ฉันสังเกตเห็นว่าสำหรับรูปแบบ JPEG ความเป็นไปได้นั้นมี จำกัด โดยเฉพาะอย่างยิ่งถ้าคุณทำงานบน Mac อาจเป็นโซลูชันที่หรูหราที่สุดจนถึงขณะนี้คือการบีบอัดแบบเลือกที่ช่วยให้คุณควบคุมการบีบอัดได้อย่างแม่นยำในพื้นที่เฉพาะของภาพ หากคุณรวมรูปภาพกับ JpegOptim และ jpegtran จาก libjpeg (หรือใช้imageOptim ) คุณสามารถลดขนาดไฟล์ได้มากยิ่งขึ้น ฉันยังคงไม่พอใจกับตัวเลือกนี้ ฉันไม่ต้องการซื้อใบอนุญาตสำหรับดอกไม้ไฟเพราะเลือก jpeg และฉันสงสัยว่ามีซอฟต์แวร์เพิ่มประสิทธิภาพภาพอื่น ๆ ออกมาที่มีคุณสมบัติคล้ายกันหรือไม่ .. บน windows คุณมีJpeg Optimizer .. มีเครื่องมือใดที่คุณใช้สำหรับเวิร์กโฟลว์ที่คุณสามารถแนะนำฉันได้ไหม ขอขอบคุณ

4
ด้วยการประดิษฐ์ CSS3 นักออกแบบเว็บไซต์ควรใช้ Photoshop หรือไม่
ฉันเห็นว่านักออกแบบหลายคนสร้างงานออกแบบเว็บไซต์ที่สวยงามใน Photoshop แต่ตอนนี้มาถึง CSS3 เมื่อพวกเขาต้องการเปลี่ยนเป็น HTML & CSS พวกเขาก็เริ่มจากศูนย์และสร้างสิ่งประมาณ 80% ของการออกแบบขั้นสุดท้ายโดยใช้ CSS3 ตัวอย่างเช่นพวกเขาใช้รัศมีเส้นขอบ, ความทึบ, การไล่ระดับสีพื้นหลัง, กล่องเงาและเงาข้อความและกฎ CSS3 อื่น ๆ เพื่อให้ได้สิ่งที่พวกเขาสร้างขึ้นใน Photoshop หลายครั้งที่พวกเขานำเข้าภาพจาก Photoshop ซึ่งเป็นงานแปรงหรือโลโก้หรืออะไรทำนองนั้น คำถามของฉันคือนักออกแบบเว็บไซต์ควรใช้ Photoshop ในการสร้างบางสิ่งซึ่งมีเพียง 20% เท่านั้นที่จะเป็นประโยชน์สำหรับพวกเขา นักออกแบบเว็บไซต์สามารถสร้างการออกแบบทั้งหมดใน HTML & CSS ได้โดยตรงโดยไม่ต้องรบกวนเพื่อเพิ่มเลเยอร์กลางอีกอันในการสร้างการออกแบบใน Photoshop และจากนั้นก็สร้างองค์ประกอบที่เหลืออยู่ที่นั่นได้หรือไม่

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