Project Graphical User Interface

App Postcard Special Day (โปสการ์ดในวันพิเศษ)

i con app: size 512 x 512 pi

App Postcard Special Day เปรียบเหมือนกับจดหมายที่ใช้ส่งในสมัยที่เทคโนโลยียังไม่ทันสมัย โปสการ์ดเป็นสิ่งที่ใช้แทนความรู้สึก ที่เราได้พบเจอแล้วอยากบอกเล่าผ่านรูปถ่าย ข้อความ ที่เร็วกว่าเดิมและเพลิดเพลินกับการตกแต่งโปสการ์ดสวยๆ ส่งต่อให้คนพิเศษในวันพิเศษ

i phone: size 960 x 640 pi

Page 1

หน้า loading ภาพประกอบที่ใช้สื่อถึงการเขียนจดหมายในรูปแบบใหม่ที่ต่างจากสมัยก่อน

background ใช้สีขาวเพื่อให้ภาพประกอบเด่น ใช้สีขอบลายเหมือนซองจดหมายเพื่อให้รู้ว่า

เป็นการเขียนส่งถึงไปให้ผู้รับ

Page 2

หน้าแรกเป็นการเลือกรูปแบบของโปสการ์ดใช้สีดำเพื่อนำไปตกแต่งใส่สีอื่นได้อีก

 และยังเลือกรูปภาพหรือถ่ายรูปแทนแบบที่มีก็ได้ ลูกศรใช้เลือกหน้าถัดไปเมื่อเราตกแต่งหน้านี้เสร็จแล้ว

Page 3

ตกแต่งใส่สติ๊กเกอร์ จัดวางแล้วเปลี่ยนสีของภาพตามต้องการ

Page 4

เลือกรูปภาพในอัลบั้มมาจัดวางแล้วแต่ชอบ รูปถ่ายจะมีวันที่กำกับเพื่อรู้วันที่ถ่ายรูป

Page 5

เขียนอธิบายข้อความ เลือกขนาด ปรับแต่งสี และแก้ไข ย้อนกลับเมื่อต้องการปรับเปลี่ยนฟ้อนท์

Page 6

เมื่อตกแต่งเสร็จเรียบร้อยจะมีคะแนะในลักษณะรูปดาว และเปอร์เซนบอกว่าโปสการ์ดสมบูรณ์ดี

แค่ไหน แล้วทำการแชร์ได้หลายรูปแบบแล้วแต่ ส่งต่อให้เพื่อนหรือคนพิเศษ

บันทึกการบรรยายการออกแบบ User Interface

การออกแบบ User Interface

     GUI ย่อมาจาก Graphical User Interface  คือโปรแกรมโต้ตอบกับผู้ใช้ซึ่งถูกสร้างจากวัตถุแบบกราฟ (องค์ประกอบต่างๆ ของโปรแกรมโต้ตอบกับผู้ใช้แบบกราฟ) ได้แก่ ปุ่มกด (push buttons) ตัวเลือกแบบเมนู (pop-up menu) กราฟ (axes) ฯ หากโปรแกรมโต้ตอบกับผู้ใช้ได้รับการออกแบบที่ดีจะทำให้ผู้ใช้สามารถเข้าถึงการทำงานหรือใช้งานได้อย่างไม่ต้องทราบขั้นตอนการทำงานใดๆ

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

ไฟล์ทีใช้บน App 

- JPG สามารถปรับจำนวนสีได้หลายขนาด

- PNG ขอบภาพโปร่งใส เจาะทะลุพื้นหลังได้

- SVG สามารถย่อขยายภาพบน App ไม่แตก

ภาพประกอบ

- ความเหมาะสมของภาพกับเนื้อหา

- ขนาดไฟล์

- ลิขสิทธิ์ภาพ

โปรแกรมที่ใช้ในงาน

- photoshop

- illustrator

Technology for Visual Communication News

รายงานแปลสรุปข่าวสารด้านเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

touch board PCB transforms tactile interaction into sound 

     สัมผัส PCB บอร์ดหรือแผงวงจรโดยนำมาแปลง ในรูปแบบการสัมผัสให้เกิดเสียง ภาพ สตูดิโอจากลอนดอนได้ออกแบบระบบไฟฟ้าแล้วนำไปพัฒนาซึ่งผ่านคณะกรรมการตรวจสอบ ซึ่งเป็นเครื่องมือที่มีความสามารถในการเปลี่ยนแปลงชีวิตประจำวันเป็นสิ่งประดิษฐ์แบบตอบสนอง ด้วยการสัมผัสสวิทช์ไฟสามารถทาสีบนผนังด้วยสีนำไฟฟ้าสามารถใช้ในการสร้างเซ็นเซอร์ระยะทางที่ทำงานได้ถึง 20 ซม. อยู่ห่างออกไป แผงสัมผัสเป็นโปรแกรมที่จะเปิดเป็นเสียงสัมผัสเพียงแค่การเชื่อมต่อกับลำโพงและเสียบสาย USB ขนาดเล็ก มีปฏิสัมพันธ์กับขั้วไฟฟ้าที่ทำให้ผู้เล่น MP3 การเล่นแทร็คที่เกี่ยวข้องจาก microSD card ใส เปลี่ยนเสียงแบบง่ายๆ เช่น เสียงกริ่ง เสียงกลอง

อุปกรณ์ใช้การตรวจวัด capacitive ที่จะเปิดเป็นสื่อที่นำกระแสในอินเตอร์เฟซ

ฮาร์ดแวร์ที่สามารถใช้ในการสร้างเซ็นเซอร์ระยะไกลที่ทำงานได้ถึง 20 ซม. อยู่ห่างออกไป

ตัวอย่าง touch board

    

http://www.designboom.com/technology/touch-board-pcb-transforms-tactile-interaction-into-sound-10-29-2013/

Mind Map I เทคโนโลยีกับการออกแบบนิเทศศิลป์ กลุ่ม 102 ภาคเช้า

ชื่อ น.ส ภัชธีญา พันธุ์ประดิษฐ์ 5211312698
Mind Map Onlinehttp://www.mindmeister.com/