เชื่อว่าหลายๆคนที่ทำเว็บไซต์ก็อยากมี logo สวยๆเท่ห์ๆเป็นของตัวเองถูกไหมคับ แต่ก็อาจติดปัญหาที่ว่าออกแบบไม่เป็น ทำออกมาไม่สวย หรือบางคนก็ไปโหลดโปรแกรม Logo generate มาลองเล่นทำออกมาก็ไม่โดนใจอีก… ดังนั้นวันนี้ผมเลยนั่งอัด Video แนะนำการออกแบบ Logo สไตล์ web 2.0 แบบง่ายๆมาฝากครับ เอาเป็นว่าสอนสไตล์ผมละกันคับอาจไม่ตรงหลักการเท่าไรอิอิ แต่เชื่อว่าใครก็ทำได้ หากมีพื้นฐานโปรแกรมออกแบบ อย่าง Photoshop ใครที่ปวดหัวกับการออกแบบ Logo เริ่มไม่ถูกว่าจะออกแบบยังไงลองดูเป็นแนวทางนะครับ ง่ายมั๊กๆ
นี่เป็น Video ชุดแรกของผมเลยก็ว่าได้ ฮาๆ จะบอกว่าผมอัดชุดนี้ประมาณ 6 ครั้งเพราะผม upload ลง youtube เวลาต้องไม่เกิน 10 นาที จริงๆลองลงใน Dailymotion , vinemo มันก็ไม่ชัดเท่า youtube อะ แล้วพอจะอัดลง server ตัวเองจำเป็นต้องแปลงเป็น .mov อีก ปาไปเกือบ 1GB ก็เลยไม่รู้จะทำยังไง ยังไงลองดูนะคับตั้งใจมั๊กๆ ฮาๆ
ถ้ากดดูในเว็บ Youtube ก็ปรับความละเอียดเป็น 720p นะคับไม่งั้นไม่ชัดครับ
วีดีโอสอนการออกแบบ Logo เว็บไซต์สไตล์ web 2.0 แบบง่ายๆ
* หน้าเว็บนี้ผมตั้งความละเอียด youtube ที่720p แนะนำให้กดดูเต็มจอเลยนะครับ นะคับรับรองชัดเจ๋ว
ผมขอสรุปการออกแบบ Logo มี concept ประมาณนี้นะคับ
1. รูปแบบ Font - การเลือกรูปแบบของ Font ขึ้นอยู่กับตัวเว็บที่เพื่อนๆทำนั้นกำลังทำเว็บอะไร ยกตัวอย่างเช่น เว็บแฟชั่น , เว็บธุรกิจ , เว็บบันเทิง , เว็บการศึกษา , เว็บดารา , เว็บส่วนตัว , เว็บทำอาหาร , เว็บทำดอกไม้ , เว็บสยองขวัญ แต่ละเว็บทั้งหมดนี้มีความหมายในตัว มีอารมณ์ในตัว ถ้าเราเลือก Font ไม่เข้ากับอารมณ์ของเว็บ มันก็จะดูแปลกๆ เพราะแต่ละ Font มันจะมีอารมณ์ของตัว Font อยู่ ส่วนวิธีดูนั้น วันหลังผมจะทำ Video ออกมาอธิบายนะครับ
2. สีตัวอักษร - สีตัวอักษรจะบอกอารมณ์ของเว็บครับ ใช้สีให้ถูกกับอารมณ์ของเว็บ เช่น สีส้ม ให้ความสนุกสนาน เป็นกันเอง เพื่อน , สีแดง เข้มข้น ร้อนแรง นำเสนอ , สีฟ้าอ่อน ให้ความสบาย มีสีสัน เป็นกันเอง , สีดำ ก็เรียบๆ ใช้ได้เกือบๆทุกเว็บ วันหลังจะทำ Video แนะนำอีกทีครับ
3. รายละเอียด – รายละเอียดในที่นี้หมายถึง ส่วนประกอบที่จะนำมาใส่ในโลโก้ ไม่ว่าจะเป็น รูปโลโก้ , คำสโลแกน , สี , การจัดวางตัวอักษร ต้องให้มีความสมดุลกันครับ
4. ความสมดุล - เกี่ยวกับการจัดวางตำแหน่งและองค์ประกับต้องสมดุลกัน ตัวหนาไป ตัวบางไป ห่างไป โลโก้เล็กไป โลโก้ห่างจากตัวอักษรไป สีเข้มไป อ่อนไปละอีกหลายๆอย่างประมาณนี้คับ
เป็นไงบ้างครับพอเป็นแนวทางในการทำ logo ได้ไหมคับ ลองทำดูนะคับไม่ยาก แล้วพบกันกับเทคนิคดีๆอีกทีในวีดีโอหน้าครับผม
บทความใกล้เคียงกัน :
อย่าพลาด!! 29 เมษายนนี้ ผมจองตัวล่วงหน้าไว้แล้ว ฮี่ๆ เอาตัวอย่างภาค 2 มาให้ชม ชอบสุดชุดเกราะใหม่แบบพกพาลองดูในตัวอย่างตอนท้าย :D โปรเตอร์ใหม่ ชุดเกราะใหม่ อันนี้ขำๆนะคับ ไปเจอมา ฮา ...
Update Coupon code name.com เดือน มกราคม Promotions 2011 มา update Coupon name.com คับถูกกว่าเดิมใช้ code "celebrate2011" $8.49 .com / .net registration and renewal $7.49 .org registration ...
เมื่อคืนเพื่อนเปิด youtube ให้ดูบอกว่ามาดูสองคนนี้ซิร้องเพลงเพราะมากๆ เป็นการร้องสดและลง youtube คนดูเป็นล้าน ผมฟังแค่เสียงแนะนำตัวก็ชอบแล้ว พอฟังเพลงที่เธอสองคน cover เองร้อง...เพราะมากๆ ตอนแรกนึ ...
นี่ผมเพิ่งรู้ข่าวนี้เองนะเนี๊ยะไม่ค่อยได้ติดตามกะเค้าเลย ...ก่อนหน้านี้พอดีเพื่อนเค้าเปิด Youtube Xbox 360 รุ่นล่าสุดมาให้ดู มันบอกว่าอยากได้ ผมก็บอกว่าซื้อมาทำไมวะเปืองตัง ปกติผมก็ไม่ได้ค่อยชอบเก ...
Update Coupon code name.com เดือน ตุลาคม 2010 #2 ครับราคา ถูกกว่า code แรก โค้ดคือ : FRANKINVEST มีส่วนลดตามด้านล่างคับ $8.09 COM/NET registration $8.49 COM/NET renewal $8.99 .TEL registra ...

ผมอยากรู้วิธีที่ทำให้รูปภาพในหน้าแรก link ไป amazon ครับทำไงได้บ้างครับ
สวัสดีคับ โทดทีคับตอบช้านิดนึง หมายถึงเรามีรูปสินค้าแล้วจะให้ทำ link ส่งไปหน้าสินค้า amazon หรอคับ อันนี้ทางคุณต้องการทำแบบให้ระบบโพส link อัตโนมัต หรือว่าโพสมือครับผม ยังไม่ชัวกับคำถาม มีตัวอย่างไหมคับ ถ้าแค่ทำ link รูปภาพเวลาเราใส่รูปสินค้าแบบโพสมือ ก็ตามนี้ครับ เวลาโพสรูปใน wordpress (โพสได้ใช่ปะคับ) เวลา Add image ตอน upload เสร็จมันจะมีช่อง Link url ให้เราใส่ link ครับ ตรงนี้คือ link ของภาพครับผม ถ้าเราลืมใส่ link ก็ให้เอาเมาส์ไปวางที่ภาพแล้วจะมี icon เล็กที่มุมซ้ายมาให้เรากดที่ภาพเข้าไปแก้ไขแล้วใส่ link ตรงนั้นครับ
ส่วน link amazon ให้เราเข้าเวบ amazon.com นะคับ login เข้าระบบก่อน > ต่อไปก็ไปที่หน้าสินค้าที่คุณต้องการจะ link ไปครับ > พอเข้าหน้าสินค้า ให้คุณสังเกต ด้านบนสุดของจอ จะมีเมนู Link to this page ให้เรากดเข้าไปครับ > ส่วนนี้แหละคับที่ให้เราเอา link สินค้าของเราที่มี id ของเราติดมาด้วย คุณจะเห็นช่อง text only ให้ติ๊กมันจะมี previews โชว์ออกมา ให้เรา copy url นั้นไปครับ แล้วเอามาใส่ในช่อง link url ของเราแล้วก็โพสเลยคับ งงไหมคับ ไม่รู้ว่าตอบถูกคำถามไหม ถ้ายังไงเด๋วผมทำ video วิธีในนี้ละกันนะคับ
photoimpact เวอร์ชั่นไหนน่ะ
ผมลองลงเวอร์ชั่น 12 กับ x3 มันไม่เห็นเหมือนในวีดีโอเลย
เข้ามาดูแล้วดีมากเลย แต่ไม่ทราบว่าใช้ photoimpact เวอร์ชั่นไหนคะ อยากได้เหมือนเวอร์ชั่นที่สอนน่ะคะ
ขอบคุณมากคะ จะทดลองทำดู