Rss

  • youtube
  • linkedin
  • google

Archives for :

ทดสอบการแสดงผลของเว็บไซต์กันสดๆบน smartphone และ tablet โดย Adobe Edge Inspect

ติดตั้งและใช้งาน ADOBE EDGE INSPECT

สำหรับคนที่คิดจะทำเว็บไซต์ในปัจจุบัน ไม่ว่าจะทำเป็น Fix-layout หรือ  Responsive Layout ก็ตาม สิ่งที่น่าปวดหัวสำหรับนักออกแบบเว็บไซต์มืออาชีพก็คือ ทำอย่างไรจะให้แสดงผลได้สวยงาม กับอุปกรณ์ที่หลากหลาย ด้วยเหตุนี้ Adobe จึงสร้างโปรแกรมที่ชื่อว่า EDGE Inspect ขึ้นมาช่วยเหลือนักออกแบบและนักพัฒนาเว็บไซต์ เพื่อให้แสดงผลในอุปกรณ์ต่างๆได้ทีเดียวพร้อมๆกัน ไปดูกันว่าทำได้อย่างไร

รู้จักกันก่อน Adobe EDGE Inspect โปรแกรม Adobe Edge Inspect ทำให้ Web designer สามารถทดสอบเว็บที่กำลังสร้างบน PC Workstation ไปแสดงผลใน smartphone และ tablet ได้ทันที ทำให้ลดเวลาในการทำงาน และยังเชื่อมต่อโดยตรงกับ Google Chrome และสามารถเรียกใช้งานจากโปรแกรมอื่นๆ ใน Adobe Creative Cloud ได้ทันที สำหรับคนสมัคร Adobe Creative Cloud แบบทดลองใช้งาน จะเชื่อมต่อกับ Smartphone หรือ Tablet ได้ทีละเครื่องสำหรับคนที่จ่ายเงินซื้อลิขสิทธิ์แล้ว สามารถเชื่อมต่อกับ Smartphone หรือ Tablet ได้ไม่จำกัดจำนวนเลยทีเดียว

อ่านเพิ่มเติมใน bakerymedia.com

RESPONSIVE WEB DESIGN คืออะไร

responsive web design (RWD) เริ่มเป็นที่นิยมใช้กัน และพูดถึงกันมากขึ้น จนกำลังจะมาเป็นมาตรฐานใหม่ของการออกแบบเว็บไซต์ไปแล้ว สำหรับนักออกแบบเว็บไซต์แล้ว ถ้าไม่รู้จัก RWD อาจจะบอกได้ว่าตกยุก

และด้วยการเกิดของโทรศัพท์สมาร์ทโฟน, iPads และจอภาพอื่น ๆ ที่มีขนาดแตกต่างกันอัตราส่วน ขนาด ความละเอียดของจอภาพ ดูเหมือนว่าเราจะควบคุมมันได้ยากขึ้นมากๆ ดังนั้น RWD เข้ามาอาสาแก้ปัญหาตรงนี้

ในบทความนี้ผมจะอธิบายวิธีการที่ใช้ในการออกแบบสำหรับอุปกรณ์ที่แตกต่างกัน สิ่งที่หน้าจอขนาดและความละเอียดที่ควรจะนำมาพิจารณา และวิธีการทำงานของ RWD  และมุมมองในการออกแบบ

หาคำตอบเพิ่มเติมได้ที่ http://wp.me/p4ztX6-aN

Adobe Muse Intron

มาดูกัน Adobe Muse ทำอะไรได้บ้าง แล้วจะบอกว่า มันง่ายอย่างนี้เลยเหรอ

YouTube Preview Image

 

Bakerymedia.com

รวม 13 ฟอนต์ไทยแห่งชาติในรูปแบบ WEBFONT เพื่อใช้แสดงผลในเว็บไซต์

รวม 13 ฟอนต์ไทยแห่งชาติในรูปแบบ Webfont เพื่อใช้แสดงผลในเว็บไซต์

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

ต่อมาเทโนโลยีพัฒนามาสู่ Webfont (CSS3 @font-face) ที่สามารถดึง font จากเรื่อง Server มาแสดงผลได้ เช่น Google Webfont แต่อย่างไรก็ตาม ภาษาไทยก็ยังไม่มีให้ใช้ การใช้ฟอนต์ภาษาไทยสวยๆในเว็บด้วย CSS3 @font-face รวมไปถึงการแปลงฟอนต์จากเว็บ Fontsquirrel ก็อาจจะมีปัญหาบ้าง เพราะตัวเครื่องมือที่ใช้ในการแปลงนั้นไม่มี Preset

จนถึงวันนี้ ข่าวดี 13 ฟอนต์ไทยแห่งชาติ ถูกบรรจุใน Webfont แล้ว ที่สำคัญ ฟรี วันนี้เลยได้รวบรวม 13 ฟอนต์ฟรีมาตรฐาน จากสำนักงานส่งเสริมอุตสาหกรรมซอฟต์แวร์แห่งชาติ (SIPA) มาแปลงเป็นเว็บฟอนต์เพื่อให้ดาวน์โหลดไปใช้งานกันได้เลย

 

วิธีการใช้งานก็แค่ดาวน์โหลดชุด Webfont ของฟอนต์ใดๆด้านล่าง และเมื่อแตกไฟล์ออกมาจะมีไฟล์ index.html ซึ่งภายในจะมีวิธีการติดตั้งฟอนต์ลงในเว็บไซต์ไว้เรียบร้อย

อ่านต่อได้ที่นี่ครับ

สีของโลโก้มีผลต่อภาพลักษณ์ธุรกิจ

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

ผลสำรวจของการใช้สีโลโก้ของแบรนด์ต่างๆ 100 แบรนด์ พบว่า

  • 33% ใช้สีฟ้า 29% ใช้สีแดง 28% ใช้สีดำหรือเทา และ 13% ใช้สีเหลืองหรือทอง
  • 95% ใช้สีในโลโก้ 1-2 สี และ 41% ใช้ข้อความในโลโก้เท่านั้น

นอกจากนี้ใน Infographic ยังมีชาร์จสีที่บอกว่าแต่ละสีบ่งบอกถึงความเป็นอะไร เหมาะกับแบรนด์ประเภทไหน และไม่เหมาะกับแบรนด์ประเภทไหนอีกด้วย

www.bakerymedia.com

Top 10 Best Product in Home Kit 2017 Top 10 Best Product in Women Fashion 2017 Top 10 Best Product in Technology 2017 Top 10 Best Product in Car Accessories 2017