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

ฉันสงสัยว่าฉันจะสร้างเอฟเฟกต์แว่นขยายได้อย่างไรเมื่อเร็ว ๆ นี้ฉันได้เห็นหน้าเว็บที่ขายซอฟต์แวร์ (ทั้งบนเดสก์ท็อปหรือเว็บแอปพลิเคชัน) นี่คือสองตัวอย่าง ฉันชอบคนแรก (ที่แรกที่ฉันเห็นด้วย) แอพสิ่งต่าง ๆ : SupportBreeze:

13 adobe-photoshop  website-design  photoshop-effects 

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

13 website-design  copyright  designers 

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

13 website-design  color  color-reproduction 

เป็นเรื่องปกติที่ไซต์ Single Page Application (SPA) จะโหลดและแสดงเค้าโครงไซต์ก่อนที่จะโหลดเนื้อหา เมื่อเร็ว ๆ นี้ฉันสังเกตเห็นว่าแทนที่จะแสดงข้อความรอสปินเนอร์หรือ "กำลังโหลด ... " ไซต์เหล่านี้จำนวนมากแสดงเทมเพลต / เลย์เอาต์ที่เนื้อหาจะเติมด้วยข้อความและรูปภาพที่เต็มไปด้วยเรขาคณิตแบน รูปร่าง ดูเหมือนว่าจะเป็นรูปแบบที่ดีเพราะมันสั่นสะเทือนน้อยกว่าการมีข้อความรอสายเล็ก ๆ หนึ่งบรรทัดที่ถูกแทนที่ด้วยข้อความขนาดใหญ่หรืออะไรก็ตาม ฉันต้องการอ่านในรูปแบบอาจจะหาห้องสมุดที่ทำมันได้ง่ายกว่าบนเว็บไซต์ของฉัน แต่ฉันไม่รู้ว่าจะเรียกมันอย่างไรและฉันมีปัญหาแม้จะอธิบายอย่างสังเขปพอที่จะค้นหาเว็บได้อย่างมีประสิทธิภาพ . ตัวอย่างที่ใกล้เคียงที่สุดที่ฉันสามารถหาได้คือบทความเก่านี้ซึ่งไม่ได้ให้ชื่อเฉพาะในการฝึกฝน "ตัวยึด" เป็นสิ่งแรกที่ฉันนึกออก แต่แน่นอนว่า<input>ตอนนี้แท็กมีplaceholdlerคุณสมบัติจริงและผู้คนจำนวนมากถามเกี่ยวกับข้อความตัวเติมหรือเนื้อหาอื่น ๆ (Lorem Ipsum, Kitten Ipsum และอื่น ๆ ) ดังนั้นผลลัพธ์มักจะไม่ช่วยเหลือ . ฉันหวังว่าอุตสาหกรรมจะเห็นด้วยกับชื่อที่เป็นเอกลักษณ์และเป็นคำอธิบายสำหรับการปฏิบัตินี้และฉันก็ยังไม่พบมัน

12 website-design  terminology 

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

12 website-design  vector  icon  svg  animation 

ด้วยการมีเว็บไซต์เครือข่ายสังคมที่แตกต่างกันที่อนุญาตให้ทุกคนสร้างเว็บไซต์ได้อย่างง่ายดายในฐานะนักออกแบบกราฟิกฉันยังต้องการเว็บไซต์ส่วนตัวหรือไม่ ข้อดีและข้อเสียของการมีเว็บไซต์ส่วนตัวคืออะไร มันคุ้มค่ากับราคาหรือไม่?

12 website-design  designers  portfolio 

บริบท ทีมของฉันกำลังทำงานบนเว็บไซต์ที่ตอบสนองได้และเราอนุญาตให้ผู้ใช้กำหนดค่าคุณสมบัติบางอย่างของหน้ารวมถึงช่องว่างระหว่าง "เซลล์" ของกริด เราได้สนทนาเกี่ยวกับคำศัพท์ที่ถูกต้องเพื่อระบุ "ช่องว่างระหว่างเซลล์" เห็นได้ชัดว่าเราสามารถใช้บางสิ่งบางอย่างเช่น "มาร์จิ้น" แต่นั่นค่อนข้างกว้างเกินไปเนื่องจากจะมีช่องว่างระหว่างหน้าและเซลล์นอกสุด เราต้องการระบุช่องว่างระหว่างเซลล์เท่านั้น ผู้ใช้ของเราไม่จำเป็นต้องมีความชำนาญด้านเทคโนโลยี (หมายถึง CSS และอื่น ๆ ) แต่อาจมีพื้นหลังในการออกแบบกราฟิก (หรืออย่างน้อยก็คุ้นเคยกับคำศัพท์ทั่วไป) คำถาม "รางน้ำ" ดูเหมือนว่าคำที่ถูกต้องมากที่สุด แต่ส่วนมากของคำจำกัดความของ "ท่อ" ที่ฉันสามารถค้นหาเฉพาะหมายถึงช่องว่างระหว่างคอลัมน์ มีคำเฉพาะสำหรับช่องว่างระหว่างแถวหรือไม่? หรือมันเหมาะสมที่จะเพียงแค่เรียกพวกเขาว่า "ท่อระบายน้ำในแนวนอน"? ตัวอย่าง นี่คือภาพประกอบของสิ่งที่ฉันพยายามระบุ (ภาพที่ยืมมาจากhttps://www.init.de/en/news/responsive-design ) ปัญหาเกี่ยวกับคำศัพท์ในปัจจุบันของฉัน "รางน้ำแนวนอน (/ แนวตั้ง)" ค่อนข้างสับสนในความคิดของฉันเนื่องจากมันไม่ชัดเจนว่ารางน้ำอยู่ระหว่างองค์ประกอบแนวนอน (/ แนวตั้ง) หรือถ้ามีช่องว่างแนวนอน / แนวตั้งระหว่างแนวตั้ง องค์ประกอบ) มีความขัดแย้งในทีมของฉันเกี่ยวกับคำจำกัดความที่ถูกต้องดังนั้นฉันคิดว่านั่นเป็นหลักฐานที่เพียงพอว่าวลีนั้นสับสนจริง ๆ อย่างน้อยเกี่ยวกับเว็บ "ช่องว่างภายใน" และ "ระยะขอบ" ไม่เหมาะสมกับสิ่งที่ฉันกำลังอธิบาย การแพ็ดดิ้งหมายถึงช่องว่างระหว่างเส้นขอบและเนื้อหาขณะที่ระยะขอบหมายถึงช่องว่างรอบองค์ประกอบ …

12 website-design  page-layout  terminology  white-space 

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

12 website-design  typography  page-layout 

นี่คือเว็บการ์ตูนที่โด่งดังเกี่ยวกับประสบการณ์ทั่วไปในการออกแบบเว็บ: http://theoatmeal.com/comics/design_hell มันขึ้นอยู่กับประสบการณ์ส่วนตัวของผู้เขียนและอธิบายลูกค้าทั่วไป / ภาพล้อเลียนจากนรกที่ปฏิบัติต่อนักออกแบบดังนี้: เคอร์เซอร์ของเมาส์ภายในโปรแกรมกราฟิกที่ลูกค้าสามารถควบคุมได้ด้วยการพูดการส่งอีเมลและการส่งข้อความทันที ... การทำลายผลิตภัณฑ์สำเร็จรูปโดย: เรียกร้องให้มีการเปลี่ยนแปลงที่ไม่จำเป็นดังนั้นพวกเขาจึงรู้สึกว่าพวกเขาได้ประทับตราในการออกแบบ การร้องขอที่คลุมเครือหรือไม่เหมาะสม นำมาซึ่งคำขอการเปลี่ยนแปลงจากบุคคลที่ไม่ได้เชื่อมต่อกับโครงการ Silly ร้องขอที่ดึงดูดลูกค้า แต่จะไม่สมเหตุสมผลกับผู้ใช้ วิธีแก้ปัญหาที่ฉันนึกถึง: ออกจากการออกแบบเว็บไซต์และเริ่มต้นธุรกิจออนไลน์ของตัวเอง รับเฉพาะงานที่เสนอโดยนักออกแบบเว็บ / กราฟิกมืออาชีพ ข้อเสนอแนะใด ๆ

12 website-design  workflow  designers  client-relations 

นักออกแบบจำนวนมากใช้ Photoshop เป็นเครื่องมือในการออกแบบและจำลอง และในการทำเช่นนั้นหนึ่งในขั้นตอนสุดท้ายคือการรับข้อมูลสีจำนวนมากดังนั้นสิ่งต่าง ๆ เช่นการไล่ระดับสีและข้อความแบบไดนามิกสามารถสร้างใหม่ได้โดยใช้ HTML, CSS, Cocoa หรือภาษาอื่น ๆ การสุ่มสีแล้วเปิดตัวเลือกและแท็บหรือคลิกสองครั้งที่เขตข้อมูล HEX จากนั้นกด⌘C (Mac) หรือ Control-C (Windows) ต้องใช้ขั้นตอนสองสามขั้น หากคุณมีเอกสารการออกแบบขั้นสุดท้ายและคุณต้องการคัดลอกสีจำนวนมากไปยังคลิปบอร์ดวิธีที่เร็วที่สุดในการทำเช่นนี้คืออะไร

12 adobe-photoshop  website-design  color  ios  hex 

เมื่อออกแบบเว็บไซต์ฉันจะรู้ได้อย่างไรว่าผู้ใช้เห็นสีอย่างไร ฉันเห็นสีของเว็บไซต์แตกต่างจาก Macbook และ Windows desktop / notebook โดยเฉพาะฉันไม่เห็นสีอ่อน ๆ บนเดสก์ท็อปเช่นมองไม่เห็นเส้นขอบสีเทาของตาราง ฉันควรคำนึงถึงเรื่องใดเมื่อออกแบบ ฉันสามารถทำให้หน้าจอทั้งหมดค่อนข้างคล้ายกับโซลูชันการออกแบบหรือไม่

11 website-design  color-conversion 

ฉันคิดว่าการเพิ่มการเยื้องข้อความลงในเว็บไซต์ของฉัน (- มีย่อหน้าที่เยื้องบรรทัดแรก) แต่แรกค้นหาเล็กน้อยและค้นพบว่าเว็บไซต์จำนวนมากไม่มีการเยื้องข้อความใด ๆ ทำไมถึงเป็นอย่างนั้น? ฉันคิดว่ามันทำให้ชัดเจนว่าย่อหน้าเริ่มต้นขึ้นทำไมจึงไม่ใช้บ่อยกว่านี้ มีข้อเสียร้ายแรงหรือเป็นเพียงเรื่องของแฟชั่น / เทรนด์?

11 website-design  typography 

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

11 website-design  text  alignment 

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

11 website-design  color-theory 

ฉันต้องการทราบว่าคุณสามารถใช้ขนาดแบบอักษรสำหรับเว็บไซต์ได้กี่ขนาด บางคนบอกกับฉันว่าจะดีกว่าที่จะไม่ใช้ขนาดแบบอักษรที่แตกต่างกันมากกว่า 3 ขนาด (เช่น 16px สำหรับหัวเรื่อง, 11px สำหรับข้อความและ 13 px สำหรับหัวเรื่องขนาดเล็ก) เป็นความคิดที่ดีหรือไม่ดีที่จะใช้ขนาดตัวอักษรมากกว่า 3 ขนาดต่อหน้าเว็บ (เช่น 4) ฉันแค่ถามเพราะฉันกำลังพิจารณาใช้อันที่สี่ แต่ไม่รู้ว่ามันจะทำลายการออกแบบของฉันหรือไม่

11 website-design  typography  css