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

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

11 website-design  css  html 

ฉันต้องออกแบบทุกอย่างใน Photoshop โดยตั้งค่า anti-aliasing เป็น "none" หรือไม่? ฉันแน่ใจว่ามีวิธีที่ดีกว่า ฉันต้องการมีการตั้งค่าเพื่อให้เมื่อเลือกเว็บที่ปลอดภัยขั้นพื้นฐาน (เช่น Tahoma) ใน Photoshop เพื่อให้ฉันสามารถเห็นสิ่งที่มันจะดูเหมือนจริงเมื่อบนเว็บ ตัวอย่างเช่น: ความแตกต่างระหว่าง Tahoma ที่มีการต่อต้านนามแฝงตั้งค่าเป็น "crisp" ใน Photoshop และการแสดงผลใน Firefox เป็นหลัก มันดูดีและราบรื่นใน Photoshop และดูเหมือนว่าอึบนเว็บ มีตัวเลือกการลดรอยหยักที่ดีที่สุดที่จะเริ่มต้นด้วย (ที่มีผลคล้ายกันมากที่สุด) เมื่อวางแผนที่จะให้เนื้อหาอยู่บนเว็บหรือไม่?

11 adobe-photoshop  website-design  text  anti-aliasing 

หากฉันออกแบบเว็บไซต์ตั้งแต่เริ่มต้นและฉันตั้งใจจะฝานมันและโค้ดใน Adobe Dreamweaver ในภายหลังฉันควรสร้างการออกแบบเว็บไซต์ใน Illustrator หรือ Photoshop หรือไม่ ทำไม?

11 adobe-photoshop  adobe-illustrator  website-design  software-recommendation 

ในฐานะที่เป็นทั้งนักออกแบบเว็บไซต์และผู้พิมพ์ฉันไม่เคยเห็นความต้องการปรับเทียบจอแสดงผลของฉันเลย โดยเฉพาะอย่างยิ่งสำหรับการออกแบบเว็บฉันสงสัยว่าทำไมฉันควรใช้เวลาหลายร้อยยูโรเพื่อสอบเทียบเมื่อฉันสามารถทดสอบการเลือกสีของฉันบนจอแสดงผลที่ไม่ผ่านการปรับเทียบหลายชุดในสภาพแสงที่แตกต่างกัน มีผู้ใช้เพียงไม่กี่คนเท่านั้นที่จะดูตัวเลือกสีของฉันบนหน้าจอปรับเทียบที่ถูกต้องในขณะที่อยู่ภายใต้แสงไฟเดียวกับที่ฉันมีเมื่อฉันติดColorMunkiลงบนหน้าจอของฉัน สำหรับการออกแบบการพิมพ์ฉันเข้าใจว่าคุณสามารถปรับหน้าจอของคุณเพื่อแสดงการประมาณ RGB ของ CMYK ได้อย่างแม่นยำที่สุด แต่มันก็จะเป็นการประมาณค่า - มันจะไม่มีทางสมบูรณ์แบบเนื่องจากความแตกต่างพื้นฐานระหว่างแบบจำลองสีทั้งสอง หลังจากประหลาดใจเริ่มต้นในช่วงเริ่มต้นของฉันฉันได้รับความรู้สึกว่าการทำงานของฉันจะออกมา โดยเฉพาะอย่างยิ่งหลังจากการทดสอบพิมพ์บนเครื่องพิมพ์เดสก์ทอปของฉัน เหตุใดจึงต้องปรับเทียบ ฉันรู้ว่าฉันกำลังถามคำถามพื้นฐานที่นี่ซึ่งคุณหลายคนต้องการที่จะตอบด้วย "แต่แน่นอนคุณต้อง! ทุกคนทำมัน!" เรียกฉันว่ากบฏ แต่โดยค่าเริ่มต้นฉันไม่มั่นใจอย่างแท้จริงในการทำสิ่งที่ผู้คนพูดว่า "ทุกคนทำ" ดังนั้นฉันกำลังมองหาเหตุผลวัตถุประสงค์และข้อโต้แย้ง ลืมความรู้สึกและประเพณีเพียงแค่บอกฉันทำไม แม้ว่าคำถามนี้ดูเหมือนว่ามันขอให้สิ่งที่ผมก็จะเข้าสู่การหาวิธีการที่ประหยัดและไม่ว่าทำไม .

11 website-design  print-design  color-spaces  color-reproduction  calibration 

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

11 website-design  css  html  mobile  responsive-design 

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

10 website-design  business  client-relations  contract 

ฉันมีไฟล์ PNG ที่ 2042 x 1250 และ 6.1 MB เมื่อฉันเปิดด้วย Photoshop และทำ"บันทึกเป็น> PNG 24"และเลือกขนาดไฟล์บีบอัดของสองตัวเลือก (ตัวเลือกที่ไม่มีการบีบอัด) ฉันยังคงได้รับภาพที่อยู่ในลำดับไม่กี่ MB ซึ่งเนื่องจาก จะเป็นเนื้อหาเว็บฉันต้องการเป็น KB ไม่ใช่ MB ฉันจะบีบอัดภาพนี้อย่างชาญฉลาดไปยังสนามเบสบอลในระยะไม่กี่พัน KB ได้อย่างไร

10 adobe-photoshop  website-design  compression 

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

10 website-design  workflow  content 

ฉันเริ่มเฟรมเวิร์ค CSS เล็ก ๆ เมื่อไม่นานมานี้ ( http://mincss.comถ้าใครสนใจ) ฉันรีบออกแบบการออกแบบปุ่มบางปุ่มอย่างรวดเร็ว หลังจากขอคำติชมเกี่ยวกับ UX StackExchange (และรับข้อเสนอแนะที่ดีมากมาย) ฉันแนะนำให้มาที่นี่เพื่อรับคำแนะนำเพิ่มเติมในการปรับปรุงพวกเขา นี่คือสิ่งที่พวกเขาดูเหมือนตอนนี้หลังจากข้อเสนอแนะของ UXStackExchange ฉันลบเส้นขอบสีดำเพิ่ม "เงา" 3px และลบมุมเอียง 1px: ฉันกำลังมองหาการออกแบบแบน ฉันมี 3 คำถามที่เหลือ: ปุ่มเหล่านี้แสดงราคาที่เหมาะสมหรือไม่ (ดูเหมือนว่าจะมีปัญหากับการออกแบบที่เรียบ) คุณจะแนะนำให้เพิ่มการไล่ระดับสีเล็กน้อยหรือไม่? พวกเขาดูออกแบบอย่างดี? (ส่วนตัวฉันรู้ แต่ฉันไม่สามารถคิดวิธีที่ดีกว่าที่จะถาม) ฉันจะยินดีต้อนรับ (และอาจใช้) ข้อเสนอแนะใด ๆ เกี่ยวกับปุ่มเหล่านี้

10 website-design  gradient  button 

ฉันใช้งานเว็บและเดสก์ท็อปเป็นหลักและนี่เป็นครั้งแรกที่ฉันเริ่มทำงานกับนักออกแบบกราฟิกบนเว็บไซต์ที่มีไว้สำหรับสาธารณะ ในกรณีนี้ผู้ออกแบบกราฟิกไม่ได้ใช้ HTML + CSS แต่ใช้ Photoshop โดยทั่วไปแล้วจะมีวัสดุประเภทใดที่ให้ผลลัพธ์ในการออกแบบเพื่อนำไปใช้จริง ตัวอย่างเช่นฉันควรได้รับอะไรมากกว่าไฟล์ PSD? วิธีการเกี่ยวกับสถานะที่แตกต่างกัน (เช่นโฮเวอร์ลิงก์, สถานะที่ใช้งาน ฯลฯ ) หรือการออกแบบที่ตอบสนองได้อย่างไร ฉันคาดหวังรายละเอียดทางเทคนิคด้วยหรือไม่ ความช่วยเหลือใด ๆ ที่ชื่นชม

10 website-design 

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

10 website-design  illustration  stock-images  royalty-free  competitions 

ฉันเคยเห็นเว็บไซต์จำนวนมากที่ใส่เนื้อหาทั้งหมดไว้ในหน้าเดียวนั่นคือเว็บไซต์นี้ แม้แต่เว็บไซต์ในบางรายการที่ฉันเห็นใน Smashing Magazine ก็ทำเช่นนี้ ( เช่นนี้กับสิ่งที่ดูเหมือนว่าเป็นร้อยเว็บไซต์ซึ่งส่วนใหญ่ใช้) ในฐานะโปรแกรมเมอร์สไตล์นี้ทำให้ฉันรำคาญ (ด้วยเหตุผลหลายประการซึ่งส่วนใหญ่เป็นเรื่องทางเทคนิคไม่ใช่อย่างน้อยซึ่งรวมถึงการบำรุงรักษา SEO เวลาในการโหลด ฯลฯ ) แต่ที่สำคัญกว่านั้นฉันอยากรู้ว่าทำไมมันถึงได้รับความนิยม นักออกแบบที่จะเริ่มต้นด้วย?

10 website-design  trends 

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

10 adobe-photoshop  website-design  design-principles  designers 

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

10 website-design  interface-design  css  html  responsive-design 

วิธีการเลือกสีของเว็บใน Inkscape? ฉันรู้ว่าฉันสามารถเลือก ">" ที่ด้านล่างขวาของหน้าจอและเลือก WebHex จากนั้นเลือกหนึ่งรายการในแถบ แต่ในแถบนั้นมีเพียงไม่กี่สี วิธีการเลือกสีที่ไม่ได้อยู่ในแถบ? มีวิธีการใส่สีเป็นตัวเลขหรือไม่? ตัวอย่างเช่นถ้าฉันมีตารางฉันเลือกและฉันต้องการให้สี # 666666

10 website-design  color  inkscape