เว็บดีไซน์ 2017

Web Design Trend ที่จะมาแรงในปี 2017 + ตัวอย่างประกอบ

1. RESPONSIVE! เทรนด์นี้มาแรงไม่ดับแน่
การปรับเปลี่ยนรูปแบบการแสดงผลตามขนาดหน้าจอของอุปกรณ์ต่าง ๆ นอกจากนั้นในส่วนของโลโก้ที่เป็นสัญลักษณ์ของแบรนด์ ก็ต้องทำให้แสดงผลได้ดีที่สุดในทุกๆขนาดหน้าจอแสดงผลด้วยเช่นกัน

2.ใช้ตัวเลขโน้มน้าว
การใช้สถิติมาช่วยโน้มน้าวในงานออกแบบ (Persuasive Design)

3. FLAT COLORS และ FLAT DESIGN
ตั้งแต่ปี 2014 ที่ Google ได้เปิดตัว Google Material Design ซึ่งทำให้การออกแบบเว็ปไซต์และ Mobile App คือการย้อนกลับไปที่พื้นฐาน Design เน้นความ Minimal และเรียบง่าย เน้นว่าอะไรสำคัญไม่สำคัญ เช่น การออกแบบด้วยสี 2 มิติ, ใช้สีโทนเดียว, Flat Design ก็ยังเป็นที่นิยมอยู่ และถูกเหล่าดีไซน์นำมาดัดแปลงรูปแบบการนำเสนองานดีไซน์สวยงามมากมายให้เราได้ชมกัน

4.ใช้ลายเส้นของตัวเอง
าดทีเดียวตรงใจเราแถมยังมีเอกลักษณ์ไม่เหมือนใคร ดีไซน์เนอร์ที่มีความสามารถด้าน Illustration ก็หันมาออกแบบเว็ปไซต์ด้วยการวาดกราฟฟิกต่าง ๆ เองนำมาใช้ภายในเว็ปไซต์ ทำให้เว็ปไซต์เป็นเอกลักษณ์

5. ใช้รูปที่ถ่ายเอง หรือดัดแปลงรูปให้เหมาะกับบทความนั้นๆ
แนะนำ Guideline ในการเลือกดังนี้

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

โดยรวมแล้วใช้รูปที่ถ่ายเอง หรือการหารูปที่มีเอกลักษณ์นอกจากทำให้เว็ปไซต์น่าดึงดูดมากขึ้น ยังสามารถแสดงถึง mood and tone ของสินค้าเราได้อีกด้วย

6.ใช้วีดีโอเรียกความสนใจ
ในเมื่อรูปภาพสามารถแทนคำพูดได้พันคำ แล้ววีดีโอจะสามารถแทนคำพูดได้กี่หมื่นคำ

7.ใช้รูปแบบการ์ดในการวาง CONTENT
สาเหตุที่ทำให้การออกแบบรูปแบบการ์ดเป็นที่นิยมมากเพราะว่าเป็นรูปแบบนี้สามารถจัดสรรพื้นที่ของเว็ปไซต์ได้อย่างลงตัว สามารถแสดงเนื้อหาเป็นระเบียบเพราะรูป หัวข้อ เนื้อความอยู่ในการ์ดเดียวกัน และยังสามารถแสดงหลายๆ หัวข้อในหน้าเดียว ดูแล้วสบายตา

แหล่งที่มา   เว็บ Design New

ตัวช่วยวิเคราะห์สถิติงานวิจัย

ตัวช่วยวิเคราะห์สถิติงานวิจัย Data Analysis ใน Excel
ไม่ว่าจะหาค่า Anova, Correlation, F-test, Fourier, Percentile,
t-Test, z-Test ง่าย ๆ ในคลิกเดียวได้ตารางสรุปผลเหมือนทำใน SPSS เลย

ตัวอย่าง การหาค่า t-Test ทดสอบก่อนเรียน/หลังเรียน

แหล่งที่มา    Facebook  : Thailand Partners in Learning 

เทคนิคการพิมพ์จ่าหน้าซองจดหมายใน Word

แหล่งที่มา    Facebook : Thailand Partners in Learning 

Image converter to JPG - Online image converter

ถ้าต้องการนำรูปต่างๆ มาทำการ convert ให้เป็นอีกชนิดนามสกุลหนึ่ง ในรูปของ jpg สามารถใช้การ convert online ได้ที่นี่

http://image.online-convert.com/convert-to-jpg

หนังสือ A4 พับครึ่ง ใน Word

วิธีการทำหนังสือ A4 พับครึ่ง ใน Word
ขั้นตอน:
1. File --> Print --> Page Setup --> Book fold --> OK
2. ตั้งค่าพิมพ์แบบหน้าหลัง

แหล่งที่มา     Facebook : Thailand Partners in Learning 

CAPTION + SUBTITLE FORMAT CONVERTER

เราสามารถทำการ convert สำหรับ subtitle ในไฟล์ต่างๆ ที่นำไปใช้สำหรับทำ subtitle ได้ ที่ url : http://www.3playmedia.com/services-features/free-tools/captions-format-converter/

แหล่งที่มา   เว็บไซต์ 3playmedia

HTML5 Video with SRT Subtitles

HTML:

<video controls="controls" width="320" height="176">
<source src="jellies.mp4" type="video/mp4" /><!-- WebKit -->
<source src="jellies.ogg" type="video/ogg" /><!-- Firefox / Opera -->
<track src="jellies.srt" kind="subtitle" srclang="en-US" label="English" />
Your browser does not support HTML5 video.
</video>

The raw video (.MP4)
The subtitle file (.SRT)


หรือ
<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>

แหล่งที่มา   เว็บไซต์ Thomas Sturm หรือ เว็บไซต์ W3Schools