جزئیاتی کلاسیک درباره لینکهای صفحه وب (خصوصا وبلاگ) برای اشنایی و ترغیب به استفاده از امکانات استایل برای دوست داشتنی تر شدن فضای وب؛

1- Color
رنگ لینکها را متفاوت از رنگ متن انتخاب کنید. این متفاوت بودن می تواند از چند پرده تا بیشترین کنتراستها را در بر بگیرد. اما چیزی که در اینجا مهم است هماهنگی آن با رنگ و لعاب صفحه تان است. این را هم بدانید که لینکها عناصر زنده صفحه شما هستند چه خوب که رنگهای زنده و شاد برایشان انتخاب کنیم.

2- Decoration
لینکها را - مگر در موارد خاص - Non-Decoration تعریف کنید: حالت Bold خیلی بی ریخت و ناخوانا است. Underline را هم به کل فراموش کنید، نقطه های زیر حروف را به کلی می پوشاند و خیلی از حروف را ناقص می کند.

3- Size
لزومي ندارد كه اندازه لينك ها را نسبت به متن بزرگ تر بگيريم. همين قدر كه رنگشان فرق داشته باشد كفايت مي كند. بزرگتر کردن لینکها فقط یکپارچگی صفحه شما را به هم می ریزد و شعور مخاطب را زیر سوال می برد.

4- Mouse Over
برای لینکها حتما حالت Over تعیین کنید. این کار باعث می شود مخاطب احساس خوشایندی پیدا کند. رنگ لینک را چند پرده روشن یا تیره کنید ویا کلا یک رنگ متفاوت اما - باز هم تاکید می کنم - هماهنگ با رنگ و لعاب صفحه انتخاب کنید. ظاهر شدن Underline در حالت Over هم شاید بد نباشد. اما حواسمان باشد به هیچ وجه در حالت Over اندازه فونت را تغییر ندهیم و آن را Bold نکنیم.

5- Visited
اگر در صفحه تان لينكهاي زيادي وجود دارد حتما حالت Visited را براي لينكهايتان تعريف كنيد. اين كار باعث مي شود مخاطب راحت تر متوجه شود که کدام لینکها را دیده و کدام لینکها را ندیده است.
توجه كنيد كه اين تغيير خیلی جزئی در حد یکی دو پرده روشن تر يا تيره تر بیشتر نباشد. اگر تفاوت زیاد باشد برای بار دیگری که صفحه شما باز می شود با یک آشفتگی روبرو خواهیم شد ویا فکر خواهیم کرد که شما بین لینکهایتان تبعیض قائل شده اید!

6- Active

شاید خیلی کم نیاز شود و مورد استفاده قرار گیرد - تقریبا هم فراموش شده - اما برای کامل بودن کار بهتره که فقط یک تغییر رنگ را در این حالت داشته باشیم. تاکید میکنم که فقط تغییر رنگ. همین.

7- The Last Note
اگر هیچ کدام از موارد بالا را نخواستید رعایت کنید یا حوصله نداشتید، یا هر چه، لطفا یک کار را یادتان نرود: رنگ لینکها را از آن حالت پیش فرض کذایی آبی بنفش قرمز خارج کنید!


پ.ن. این موارد برای صفحات فارسی و لینکهای داخل متن نوشته شده است.

| | | StumbleUpon Toolbar | Balatarin |

Posted by Majid a on August 23, 2007 1:47 AM | In School




Recent Posts
پنجاه مورد اساسی که هر دانشجوی گرافیک دیزاین باید بداند
تقاطع شریعتی-میرداماد در انحصار تابلوهای زرد
چقدر لوگوهای معروف و شناخته شده را می‌شناسیم؟
نقش دیزاین در زندگی روزمره: اطلاعات و علائم جاده ای
روی دیوارهای دانشکده هنر و معماری - دو
آیکون لود مناسب حال خود را بسازید یا درواقع چند preloaderساز ساده
نقش دیزاین در زندگی روزمره: یک مثال ساده
چقدر محصولات ادوبی را می شناسیم: سرویسهای آنلاین
دیزاین و طراحی، دو مفهوم کاملا متفاوت
وب دیزاین، کد نویسی یا طراحی؟ چه کار می کنیم؟
Categories
Graphic Opinions (7)
In Graphic (6)
In School (2)
Personal (4)
Recommend (7)
Social (3)
QL Links
In Graphic - Daily Links
Site: We Are What We Do - 4 Jul, 2010 [339 clicks]
Site: Aardvark - 4 Jul, 2010 [299 clicks]
Game: Bloxorz - 26 Jun, 2008 [1261 clicks]
Site: High IQ Society - 7 Oct, 2007 [943 clicks]
Flash: Acrobots - 18 Aug, 2007 [933 clicks]
Article: Altered Books - 11 Aug, 2007 [953 clicks]
Animation: Lifted (by pixar) - 8 Aug, 2007 [1488 clicks]
Site: The Sheep Market - 1 Aug, 2007 [999 clicks]

[Subscribe to QL Links]
Archives
September 2011 | August 2011 | July 2011 | September 2010 | August 2010 | June 2010 | April 2010 | December 2009 | November 2009 | October 2009 | April 2009 | July 2008 | June 2008 | May 2008 | February 2008 | January 2008 | October 2007 | September 2007 | August 2007 | July 2007 |