การออกแบบโบเก้และแบนเข้ากันได้หรือไม่?


9

ฉันต้องการทราบว่าสิ่งนี้ถูกต้องหรือไม่ที่จะใช้รูปแบบพื้นหลังโบเก้และรวมเข้ากับการออกแบบแบนเนื้อหา

สิ่งที่ต้องการ:

ป้อนคำอธิบายรูปภาพที่นี่


4
ยินดีต้อนรับสู่ GD.SE ฉันไม่คิดว่ามีกฎที่ยาก
joojaa

ฮ่าฮ่าขอบคุณสำหรับความคิดเห็นที่ยอดเยี่ยมของคุณ: D มันตกใจเมื่อคุณเห็นมัน?
Zooly

ในกรณีนี้มันใช้งานได้จริง 100% แต่ id บอกว่ามันเป็นภาพโดยเฉพาะ อาจทำงานร่วมกับคำสั่งผสมที่ดีกว่าและเบื้องหน้าการอนุมัติเบื้องหน้า ยังไม่ได้เลวร้าย (ภาคตะวันออกเฉียงเหนือมากขึ้นสำหรับสีของมัน)
joojaa

แน่นอนว่าฉันเพิ่งเอาโบเก้ตัวแรกที่ฉันพบและสีแบนแรกในใจของฉัน ^^
Zooly

3
นี่เป็นคำถามส่วนตัวอย่างแท้จริงสำหรับส่วนใหญ่
DA01

คำตอบ:


5

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

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

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

สามารถทำงานได้อย่างแน่นอน แต่คุณต้องคำนึงถึงสิ่งเหล่านี้ด้วย


ขอบคุณสำหรับคำตอบทั้งหมด! ฉันเห็นด้วยกับคุณฉันต้องการข้อโต้แย้งว่าเพราะเหตุใดฉันจึงใช้คอมโบนี้แทนแบบแบน และ ... ฉันไม่มี! คุณถูกต้องฉันเพิ่งพบว่ามันดูดี .. ฉันคิดว่ามันนำพลวัตมาสู่เว็บไซต์ของฉัน (รูปแบบหน้าเดียว) แต่ฉันต้องลองในสภาพที่เป็นจริงและอย่างที่คุณพูดให้คิดในเลเยอร์ต่าง ๆ และ เลือกสีที่สมบูรณ์แบบเพื่อเน้นข้อมูล ขอบคุณสำหรับมุมมองของคุณ;)
Zooly

@HugoTor เนื่องจากคำตอบนี้บันทึกพื้นหลังโบเก้อาจเป็นความคิดที่ดีถ้าคุณใช้รูปถ่ายฮีโร่ขนาดใหญ่ ในกรณีดังกล่าวการให้เหตุผลที่ดีสำหรับพื้นหลังโบเก้อาจเป็นเพราะคุณไม่ได้ใช้ heros และคุณคิดว่าการออกแบบแนวราบของคุณโดยไม่มีฉากหลังนั้นดูสุภาพเกินไป ในกรณีนี้อาจเป็นสิ่งที่ดีสำหรับรูปภาพพื้นหน้าตราบใดที่คุณระมัดระวังในการรักษาความคมชัดเบื้องหน้า / พื้นหลัง
recognizer

9

การออกแบบที่เรียบไม่ใช่ศาสนา

"การออกแบบแบน" ได้รับโคลนในช่วงปีที่ผ่านมา มีนักออกแบบหลายคนที่ถือมันไว้เหมือนระบบดันทุรังบางประเภท และความสำเร็จของการออกแบบวัสดุ (และรถไฟฟ้าใต้ดินของ MS ในระดับที่น้อยกว่า) ได้สร้างสายแข็งจินตนาการที่ไม่มีอยู่จริง

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

ทำให้เป็นของคุณเอง

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

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

ในป่า

Windows Metroเป็นหนึ่งในตัวอย่างที่แบนที่สุดของ Flat ในหน่วยความจำล่าสุด และยังมีสิ่งเช่นนี้

หน้าจอ Windows 8 Weather

วัสดุของ Googleนั้นค่อนข้างแข็งกร้าวเกี่ยวกับ Flat เช่นกัน แต่รูปภาพขนาดใหญ่เป็นสิ่งสำคัญในการนำมนุษยชาติมาสู่จานสีที่สดใส

ป้อนคำอธิบายรูปภาพที่นี่

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

ป้อนคำอธิบายรูปภาพที่นี่


1
นี่คือคำตอบที่ยอดเยี่ยมอย่างแน่นอน
การแข่งขัน Lightness ใน Orbit

1
ขอบคุณ @LightnessRacesinOrbit! ฉันคิดว่าหัวข้อนี้สมควรได้รับความเข้าใจผิดบางอย่าง (◠‿◠)
ธรรมดา

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

1
คุณมาถูกทางแล้ว ฉันคิดว่าความกังวลเดียวกันคือสิ่งที่ทีม iOS พยายามแก้ไขด้วยสิ่งต่าง ๆ เช่นฉากหลังเบลอ น่าเสียดายที่พวกเขาเพิ่งจบลงด้วยอินเทอร์เฟซที่ยุ่งเหยิงและใช้งานได้น้อยลง นั่นคือสิ่งที่ฉันเตือน
เสื้อคลุมธรรมดา

1

ฉันจะบอกว่า: Bokeh และเส้นขอบแบน (ไม่มีการเติม) ทำงานได้ดี แต่คุณควร จำกัด การใช้ส่วนหัวและองค์ประกอบที่โดดเด่น

อัปเดต (ขออภัยฉันรีบและลืมที่จะวางคำตอบที่เหลือ):

ตัวอย่างเช่นเราสามารถใช้ส่วนหัวต่อไปนี้: dribbble shot # 848287

แม้จะมีโบเก้ที่แข็งแกร่ง แต่โลโก้เส้นบาง ๆ + ชั่วโมงนั้นไม่ก้าวร้าวและพอดี การเติมจะไม่ได้ผลดี (มันจะครอบคลุมรูปภาพมากเกินไป)

ตัวอย่างอื่น: จาก @KinaoleCanada

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