Archive for the 'Design' Category

ภาษา

พอเข้าไปดูเว็บของงานหนังสือแห่งชาติ แล้วก็พบว่า…
bookfairweb.jpg

ตอนแรกคิดว่าเว็บไฮโซ เปลี่ยนภาษาได้หลายชาติ ภาษาญี่ปุ่นก็มีด้วยเว้ย อะไรจะขยันขนาดนั้น เลยลองคลิก
ปรากฏว่า… มันไม่ใช่.. มันเป็นแค่ตัวที่ทำเพื่อบอกว่า “งานสัปดาห์หนังสือนานาชาติ” เท่านั้นเอง.. จริงๆ แล้วเวลาจะเปลี่ยนภาษา (เป็นภาษาอังกฤษ) ต้องกดด้านขวา ตรงที่มีคำว่า English..

เรื่องง่ายๆ ที่บางทีคนออกแบบก็มองข้ามเหมือนกัน เขียนไว้เตือนตัวเอง D

http://www.bangkokibf.com/

Bert Monroy

bertmonroy.jpg

ดูรูปข้างบนแล้วคิดว่าเป็นรูปถ่ายหรือรูปที่เรนเดอร์มาจากโปรแกรม 3d หรือเปล่าครับ? จริงๆ แล้วขอเฉลยว่ามันเป็นรูปที่ทำใน Photoshop ล้วนๆ (Illustrator นิดหน่อย) โดยคุณ Bert Monroy ซึ่งมานะบากบั่นพยายามค่อยๆ ประดิดประดอยทีละนิด ทีละหน่อย ใช้เวลารวมไปถึง 2,000 ชั่วโมงเลยทีเดียวครับ รวมๆ แล้วก็ใช้เลเยอร์ไปมากกว่า 15,000 เลเยอร์เลย โอ้…

ของคนนี้มีให้ดูอีกเยอะในเว็บส่วนตัวของเขาครับ ที่ http://www.bertmonroy.com

CSS trick - Colorful background while selecting

selectcolor.JPG

(Mozilla only)

*::-moz-selection { background-color:#FF3C00; color:white; }

Flash Link

One little thing that bugs me everyday when I visit my favourite game site : that famous GameSpot.com, is the today-hilight flash which is located in the most valuable area of the whole page. See the picture if you can’t imagine where it is:

New Picture (1).jpg

Yes, that box which shows Windows Vista logo. This type of flash-box is widely used in many websites, showing what content they’d like to present today, therefore the most clicked link of the entire web.

Because its area is considered high-value, the developers tend to use the trick that enable you to click “next” link inside the flash itself to navigate through all hilight content, even without any clicking, it will somehow rotate those contents by timely manner.

So what annoyed me? Those content are very interesting and I want to read them all. I’m kind of person that click all links at once, then read one page, while waiting for another pages to be completely loaded. But with the deefficiency of Flash, I can’t do that. I can’t neither use the middle-button of a mouse (in Firefox) to open new tab, nor use the old-way Shift-click to open new Window.

Actually, when we create a link in Flash, we have options (targets) to have the link openned in like those we have with the a tag in html: _blank, _parent, and so on, but if we force the link using “_blank” target, it will be openned in a new window every time. This may not be a preferred option for some users, who want to have only a single window.

We may have to write our own ActionScript to deal with this problem. More to come.

Tag Book Meme

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

“กติกาก็คือให้มอง ๆ หาหนังสือที่ใกล้ ๆ ตัว จะอยู่ในตู้หนังสือก็ได้ครับ แล้วเปิดไปหน้า 123 (ถ้าจำนวนหน้าน้อยกว่านี้ก็อดไป) เลือกประโยคที่ 4 แล้วโพสต์อีก 3 ประโยคหลังจากนั้น ก็คือ ประโยคที่ 5 ถึง 7 หวังว่าคงไม่งงกันนะครับ

เมื่อโพสต์แล้ว ก็อย่าลืมใส่ชื่อของผู้แต่งหนังสือเล่มนั้น แล้วก็ชื่อหนังสือเล่มนั้นด้วยล่ะ จากนั้นก็ Tag ต่ออีก 2 คนต่อไป (สงสัยกลัวระบาดเร็ว เลยลดให้เหลือ 2 คน)”

ผมเลือกเอาเล่มที่ใกล้ตัวที่สุดจริงๆ นะเนี่ย (ไกลกว่านี้จะเป็นการ์ตูนแล้ว) เล่มที่วางข้างคอมเลยคือ Zen of CSS Design หน้า 123 เค้าเขียนไว้ว่า

0321303474.jpg

The designs in this section were selected for their powerful and sometimes sublime use of imagery. The various choices inherent in the image creation process can lead in many different directions. Get inspired, learn image-manipulation techniques and tweaks, find out more about great photo libraries and resources, and learn about creating your own visual elements as the situation demands.

พิมพ์เหนื่อยเลย ดูมีสาระมั้ย D หนังสือเล่มนี้เรียบเรียงโดยคุณ Dave Shea และุคุณ Molly E.holzschlag ครับ

ขอ tag ต่อไปให้… ใครดีล่ะ เอาเป็นว่า “สองคนแรกที่มาคอมเมนต์ละกัน” เยิ้วๆๆ ไม่ใช่ไม่กล้าคอมเมนต์กันเลยน้อ (แล้วผมจะมาอัพชื่ออย่างเป็นทางการใน entry นี้ด้วย ดังนั้นหลีกไม่ได้หรอกนะคุณ..คุณนั่นแหละ!)

New set of icons for Adobe-Macromedia

image002.jpg

หลังจากที่ adobe ซื้อ macromedia แล้ว ในโปรดักต์ชุดใหม่ก็ได้ล้างบางไอคอนทั้งหมดด้วย โดยแทนที่ด้วยไอคอนแบบซิมเปิลๆ เป็นรูปสี่เหลี่ยมไล่สีตามชนิดของโปรดักต์ แล้วก็มีตัวอักษรย่อๆ สองตัวสั้นๆ สีขาว เช่น Photoshop = PS, Dreamweaver = DW จะมีที่แปลกไปก็คือ Flash และ Acrobat ที่ยังคงไอคอนเหมือนเดิม เพราะไอคอนเป็นที่รู้จักและจดจำได้ง่ายไปแล้ว

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

ความรู้สึกแรกเลยที่เห็นคือ “มันเรียบไปหน่อยมั้ย เหมือนยังทำไม่เสร็จ” คือถ้าเรียบแล้วสวย ประมาณชุด Macromedia Suite MX นี่ก็โอเค แต่อันนี้มันจืดไปเลย (อ้อ แต่ทีมที่ทำไอคอนนี้ก็เป็นทีมเดียวกับที่ทำไอคอนให้ชุด MX นั้นแล)

« Previous PageNext Page »