Home » typography » Recent Articles:

Logo สวยด้วย Helvetica

August 22, 2010 Design Comments

Heveltica อีกแล้วววววว.. ใครต่อใครก็ชมกันหนักหนา ชอบกันมากมาย ไอ้ font ที่ชื่อ Helvetica เน๊ยะ บางคนว่าสวยงามมากมาย บางคนยังแยกไม่ออกด้วยสายตาได้ระหว่าง Helvetica กับ Arial .. (แต่หลายคนบอกได้ด้วยความรู้สึก .. เท่ซะงั้น) วันนี้ไปขอข้อมูลมาจากเว็บ webdesignerdepot.com ในหัวข้อ 40 Excellent Logos Created with Helvetica ที่รวบรวม logo ดังๆ ที่สร้างโดยใช้ font Helvetica มาให้ได้ดูกัน รวมๆกันแล้วจะเห็นว่า Helvetica นี่ บางครั้งแค่พิมพ์ลงไปเฉยๆ ก็เป็น logo ได้แล้ว

5 เทรนด์ของการออกแบบเว็บไซต์สำหรับธุรกิจขนาดเล็ก (ตอนที่3)

หัวข้อนี้เขียนต่อเนื่องในกลุ่มเรื่อง “5 เทรนด์ของการออกแบบเว็บไซต์สำหรับธุรกิจขนาดเล็ก” โดยได้เริ่มต้นจากเทรนด์ที่หนึ่ง ซึ่งสามารถติดตามได้จาก link นี้ > http://www.blog72.net/index.php/2010/08/16/5-smallbiztrends-1

มาต่อสำหรับ เทรนด์ การออกแบบเว็บไซต์แบบที่สามสำหรับธุรกิจขนาดเล็ก

3. Bold Typography

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

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

และด้านล่างคือเทคนิคการใช้ตัวอักษร

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

2. เลือกรูปแบบตัวอักษร (Fonts) ให้เข้ากับข้อความที่เรากำลังสื่อสารอยู่ เช่นถ้าบริษัทของคุณชอบใช้ตัวอักษรสมัยเก่า รูปแบบที่ดูเป็นทางการ การเลือกใช้ตัวอักษรอย่าง Bembo, Garamond และ Sabon น่าจะเหมาะ ทั้งนี้ ทุกอย่างอยู่ที่ข้อความที่เราต้องการสื่อสาร ถือเป็นสิ่งสำคัญที่สุด

3. การวางตำแหน่ง เป็นอีกสิ่งที่สำคัญ หากตำแหน่งที่วางตัวอักษร มีพื้นที่สีขาวล้อมรอบ นั่นจะทำให้ข้อความของคุณดูโดดเด่นขึ้นอีกมาก

4. ทดลองใช้ Font อื่นๆดูโดยใช้ตัวช่วยอย่าง Typekit หรือ Typotheque ที่จะสามารถช่วยให้คุณเปลี่ยนรูปแบบตัวอักษรหน้าตาเดิมๆ ในเว็บไซต์คุณให้เป็นรูปแบบอื่นที่น่าสนใจ

Typography หรือการออกแบบตัวอักษรนั้นเป็นเรื่องที่ละเอียดอ่อน การเลือกรูปแบบตัวอักษรที่ต่างกัน บางครั้งจะให้ความรู้สึกที่แตกต่างกันออกไปเป็นอย่างมากในแง่ของการให้ข้อมูล ความรู้สึก และการออกแบบภาพรวมของเว็บไซต์

———————————

ข้อมูลจาก American Express Open Forum ในกลุ่มหัวข้อ Idea Hub > Technology  > 5 เทรนด์ในการออกแบบสำหรับธุรกิจขนาดเล็ก (5 Small Biz Web Design Trends to Watch) ตาม link นี้ http://www.openforum.com/idea-hub/topics/technology/article/5-small-biz-web-design-trends-to-watch-grace-smith

Search This Site:



rgb72 on Facebook

คำศัพท์ Internet วันละคำ

ASP (คำที่เกี่ยวข้อง: asp, .net, php, SQL server, mySQL)
– Active Server Pages ภาษาในการเขียน program พัฒนาโดยบริษัท Microsoft ตัว program มีหน้าที่เชื่อมต่อระหว่างเว็บไซต์และระบบฐานข้อมูล โดย asp นั้นจะสามารถติดต่อได้กับฐานข้อมูลสองประเภทคือ Microsoft Access และ Microsoft SQL Server

72's Friends

Useful Links

rgb72


being72 คือหนังสือที่รวบรวมเรื่องราวความเป็น rgb72 บริษัทออกแบบเว็บไซต์ ตั้งแต่อดีตถึงปัจจุบัน โดยจัดทำเนื่องในโอกาสครบรอบ 10ปี

+ บทความจากผู้เขียน
+ ตอนที่1: Pre-rgb72 / ทำงานกับ Martha Stewart
+ ตอนที่2: Pre-rgb72 / Arcadian
+ ตอนที่3: Pre-rgb72 / ewit
+ ตอนที่4: เริ่มต้นอย่างเงียบๆ
+ ตอนที่5: Generation 1 (ยุคที่1:บุกเบิก) / เริ่มต้นที่ศูนย์
+ ตอนที่6: โทร โทร โทร...
+ ตอนที่7: นามบัตร
+ ตอนที่8: หนังสือพิมพ์และโทรทัศน์
+ ตอนที่9: MATCHING STUDIO
+ ตอนที่10: มีเงินที่ไหน ให้ไปที่นั่น
+ ตอนที่11: พนักงานคนแรก
+ ตอนที่12: ภาพแทรก ออฟฟิสที่สองของ rgb72
+ ตอนที่13: เพื่อนจาก ewit
+ ตอนที่14: GettyImages ฟ้องจริง ถึงจริง
+ ตอนที่15: เว็บไซต์ที่ทำแบบมากที่สุด
+ ตอนที่16: ความฝันที่ 1 พบชื่อลูกค้าทุกๆ ห้านาทีที่ขับรถ
+ ตอนที่17: สมุย.. สร้างเสร็จได้ในวันเดียว
+ ตอนที่18: ขึ้นศาล.. มันไม่สนุก
+ ตอนที่19: นักธุรกิจต่างชาติ
+ ตอนที่20: ความฝันที่ 2 เที่ยวต่างประเทศ
+ ตอนที่21: Super AE
+ ตอนที่22: สินบน
+ ตอนที่23: ผู้หญิงที่ผมไม่รับ
+ ตอนที่24: งานที่คุณไม่ได้ดู
+ ตอนที่25: นักออกแบบ
+ ตอนที่26: คู่แข่งที่รัก
+ ตอนที่27: เซียนหลังกระดานหุ้น ตอนที่ 1/2
+ ตอนที่27: เซียนหลังกระดานหุ้น ตอนที่ 2/2
+ ตอนแทรก: หาาา?... อะไรนะ!!??
+ ตอนที่28: ยิ่งให้... ยิ่งได้
+ ตอนที่ 29: Wall of Frames
+ ตอนที่ 30: ผี 72
+ ตอนที่ 31: เพื่อนจากตะวันออกกลาง
+ ตอนที่ 32: Photography
+ ตอนที่ 33: Too Far from the Dream





Recent Comments

Powered by Disqus