زیرخط هایتان را بردارید!

۲۳ ۰۷ ۱۳۸۸

از زیرخط یا underline معمولا برای برجسته نشان دادن و یا تاکید روی یک قسمت از متن استفاده می‌شود و در برخی موارد در طراحی های وب هم برای کاربردهای مختلف از زیرخط زیاد استفاده می‌شود٬ مثلا برای نشان دادن لینک ها٬ آنها را با زیرخط متمایز می‌کنند که البته بستگی به سلیقه طراح و روش کار آن نیز دارد.

حالا چرا زیرخط هایمان را برداریم یا به عبارتی دیگر از آنها کمتر استفاده کنیم؟! برای اینکار دلیل واضحی دارم! که البته در ادامه راهکارهایی هم برای کسانی که نمی‌خواهند این کار را انجام دهند ارائه خواهم داد.

همانطور که می‌دانید زبان‌های مختلف نوشتار های مختلفی هم دارند و این مهم‌ترین دلیل ما برای استفاده نکردن از زیرخط است. چرا که زیرخط های استاندارد بر اساس نوشتار زبان هایی همچون انگلیسی تهیه شده اند و زبان هایی با نوشتار انگلیسی معمولا به طور کامل روی خط نوشته می‌شوند و قسمت های اضافی ندارند که در زیر خط قرار بگیرد اما زبان فارسی به این صورت نیست و در نوشتار حرف‌ها قسمت‌هایی وجود دارد که زیر خط قرار می‌گیرند و این مشکل ایجاد می‌کند٬ مثل حرف‌هایی همچون «ع ح س ر ب» و دیگر حرف‌ها که کم هم نیستند.

اما بگذارید با یک مثال ساده منظورم را بهتر برسانم٬ برای مثال من دو متن را با حروف فارسی و انگلیسی می‌نویسم و برای آنها زیرخط استاندارد می‌گذارم تا شما دلیل گفته‌ی من را بهتر متوجه شوید:

یک جمله فارسی میبینید | This is an English sentence

همانطور که مشاهده می‌کنید جمله‌ی فارسی را که زیرخط دار کردیم قسمت هایی از حروف با زیرخط برخورد کرده (که البته به فونتی هم که استفاده می‌کنیم بستگی دارد) و قابل مشاهده نیستند و حتی به گونه‌ی دیگر خوانده می‌شوند مانند کلمه «میبینید» که شبیه کلمه‌ی «مسند» نوشته شده است! اما در جمله انگلیسی این اشکال وجود ندارد!

راه حل: آن دوستانی هم که می‌خواهند حتما از زیرخط در متن‌هایشان استفاده کنند می‌توانند کد css زیر را در فایل style یا css پوسته شان قرار دهند تا تگ زیرخط (U) را اصلاح کنند! به همین سادگی :دی

u {
    border-bottom: 1px solid;
    padding-bottom: 1px;
    text-decoration: none;
}

که نتیجه کار هم به صورت زیر خواهد بود:

یک جمله فارسی میبینید

کلام آخر: امیدوارم دوستان عزیزم این مطلب را زیادی جدی بگیرند! خصوصا دوستان طراح وب که در کارهایشان از زیرخط استفاده می‌کنند. از نظر من رعایت نکردن این نکته به زیبایی و شیوایی کار لطمه‌ی بزرگی می‌زند و می‌تواند با تمام کوچکی‌اش مشکل بزرگی در کار شما باشد. همچنین که من این مشکل را در طراحی خیلی از وبلاگ‌ها دیده‌ام و واقعا چشم‌هایم را اذیت کرده است!!


انواع مدل‌های رنگ

۱۷ ۰۸ ۱۳۸۶

در ادامه مبحث آموزش‌های مقدماتی طراحی امروز قصد دارم تا توضیحات مختصری راجع به مدل‌های رنگ در photoshop بنویسم:

۱٫ مدل CMYK: برای ارسال کار رنگی جهت چاپ٬ باید مدل تصویر CMYK باشد. در این مدل٬ هر تصویر دارای ۴ کانال رنگی است. C مخفف سایان (آبی فیروزه‌ای)٬ M مخفف ماژانتا (ارغوانی)٬ Y مخفف زرد و K مخفف مشکی است.

۲٫ مدل RGB: هنگامی که می‌خواهیم تصاویری را به محیط اینترنت بفرستیم و یا زمان طراحی وب سایت باید مدل کار RGB باشد که در آن R مخفف قرمز٬ G مخفف سبز و B مخفف آبی است. این مدل حالت نور دارد و رنگ‌ها شفاف هستند. در اکثر مواقع که بخواهیم از فیلتر‌های photoshop استفاده کنیم٬ باید مدل تصویر RGB باشد٬ در غیر این صورت گروهی از فیلتر‌ها غیرفعال می‌شوند.

۳٫ مدل Gray Scale: در این حالت سیستم تصویر به صورت انواع خاکستری است و اگر بخواهیم رنگ‌هایی را از جعبه رنگ انتخاب کنیم٬ خاکستری دیده می‌شوند. برای سیاه و سفید کردن یک عکس رنگی٬ باید از پنجره‌ی image -> mode -> Grayscale را انتخاب کنیم.

۴٫ مدل Indexed color: این مدل جزء حالت‌های رنگی‌ای است که بیشتر در شبکه‌ی اینترنت کاربرد دارد. رنگ‌ها در این حالت به ۲۵۶ رنگ محدود است. هنگامی که عکس در این مدل است٬ برخی ابزار‌های photoshop روی آن فعال نمی‌شوند. برای اینکه تصویری را به این مدل رگردانیم٬ ابتدا باید مدل آن را به RGB تبدیل کرده٬ سپس از پنجره‌ی image -> mod -> indexed color را انتخاب کنیم.

۵٫ تبدیل به CMYK: هنگامی که عکسی را با دوربین دیجیتال گرفته باشیم و یا تصویری را اسکن کرده‌ایم٬ مدل تصویر RGB است. برای تبدیل مدل RGB به CMYK باید از از پنجره‌ی image -> mode -> CMYK را انتخاب کنیم تا حالت تصویر به ۴ کانال رنگی تبدیل و آماده‌ی ارسال به چاپخانه شود. توجه کنیم که با این تبدیل٬ تا حدودی کیفیت رنگ تصویر تغییر می‌کند.


انواع چاپگر

۲۹ ۰۷ ۱۳۸۶

از اون جایی که اسم اینجا پی‌سی دیزاین است و کمتر راجع به دیزاین و طراحی صحبت می‌شه تصمیم گرفتم با مطالبی کوتاه و مختصر از یه سری مسائل مقدماتی در طراحی شروع کنم به نوشتن به طوری که مبحث هم زیاد سنگین نشه. امروز هم قصد دارم از انواع مختلف چاپگر بنویسم که زیاد هم پیچیدش نمی‌کنم. اصولا سه نوع چاپگر در ادارات و دفاتر کار وجود دارد:

چاپگر سوزنی: این نوع چاپگر دارای عمر مفید بالایی استو دو نوع رنگی و سیاه و سفید دارد. این چاپگر برای کار گرافیک مناسب نیست و پرینت آن کیفیت لازم را ندارد. از خصوصیات این چاپگر، صدای بسیار زیاد دستگاه در هنگام کار و سرعت نسبتا پائین آن است. استفاده از آن بیشتر در ادارات و برای صدور صورت حساب‌ها، فیش‌های حقوقی و انواع قبض‌ها است.

چاپگر جوهر افشان(Ink Jet): این نوع چاپگر، به نسبت کیفیت چاپ، قیمت و طول عمرمطلوبی داشته و عموما نوع رنگی آن در بازار وجود دارد. به دلیل کیفیت مناسب، در دفاتر هنری و تبلیغاتی معمولا از این نوع چاپگر استفاده می‌شود. ایراد عمده‌ی این نوع چاپگر جوهری بودن آن است که بر اثر رطوبت، پرینت حاصله لک می‌شود. ایراد دیگر این که در برخی چاپگر‌ها، دستگاه نباید بدون جوهر بماندو هر چند روز، حداقل یک پرینت از آن باید گرفته شود، در غیر این صورت جوهر در نازل‌ها رسوب کرده و دستگاه دچار مشکل می‌شود.

چاپگر لیزری (Laser Jet): این نوع چاپگر دو نوع سیاه و سفید و رنگی دارد و بهترین نوع چاپ را ارائه می‌دهد. سرعت زیاد و صدای بسیار کم در هنگام پرینت از محسنات آن است. این نوع چاپگر مانند دستگاه کپی دارای تونر (پودر حساس) است. قیمت دستگاه چاپگر لیزری چند برابر یک چاپگر جوهر افشان است.


پوسته جویبار آرام برای وردپرس

۲۷ ۰۶ ۱۳۸۶

پوسته جویبار آرام برای وردپرسچند روز پیش اولین قالب رو برای وردپرس فارسی سازی کردم و در یک پست اون رو معرفی کردم امروز هم قصد دارم دومین قالبی رو که برای وردپرس فارسی سازی کردم رو برای دوستان قرار بدم. این قالب هم از مرورگرهای IE و Opera و Firefox به خوبی پشتیبانی میکنه و با این مرورگرها مشکلی نداره و از پلاگین نمایش تاریخ هجری شمسی هم پشتیبانی می کنه و با ویجت هم سازگاری داره.

در ضمن به زودی قصد دارم تا خودم یه قالب برای وردپرس طراحی کنم و به وردپرسی های عزیز هدیه کنم ، راستی یه نکته رو هم به دوستانی که این قالب ها رو دریافت میکنند بگم ، لطفا لینک مربوط به حقوق فارسی ساز رو حذف نکنید و اگر هم قالبی رو خواستید فارسی کنید از اینجا درخواستتون رو مطرح کنید.(تصویری از قالب)

+ پیش نمایش پوسته

+ دریافت: Download

پوسته به روز رسانی شد!


عیدتان مبارک

۶ ۰۶ ۱۳۸۶

عیدتان مبارکدرد عشقی کشیده ام که مپرس ، زهر حجری چشیده ام که مپرس ، گشته ام در جهان و آخر کار ، دلبری بر گزیده ام که مپرس. میلاد با سر سعادت منجی عالم بشریت مهدی موعود (عج) بر وبلاگستان فارسی نیز مبارک باد، امیدوارم که این ایام به کامتون شیرین باشه و توی زندگیتون هم همیشه موفق باشید.

از اونجایی که امشب، شب عید و بالاخره خیلی ها به هم دیگه عیدی میدن و از این جور حرفا من هم تصمیم گرفتم که یه عیدی خیلی کوچولو به دوستان عزیزم بدم، یه طرح والپیپر و به مناسبت این ایام خجسته زدم که این هم عیدی من، امیدوارم دوستان دست ما رو رد نکنند و تو این ایام ما رو هم دعا کنند. برای دریافت و مشاهده این والپیپر این لینک را مشاهده کنید. همچنین یک مولودی زیبا از حاج محمود کریمی هم آماده کردم که میتونید از اینجا (سایت ذاکرین) دانلود کنید و حالشو ببرید.


favicon بسازید

۱۱ ۰۵ ۱۳۸۶

چند وقتیه یکی از دوستان درخواست کرده که طریقه ساخت favicon رو آموزش بدم ولی هر دفعه که میام شروع کنم به نوشتن یه مشکلی پیش میاد ولی بالاخره امروز یه وقتی پیدا کردم تا این مطلب رو بنویسم. favicon چیست؟ حتما تا به حال تصاویر کوچکی رو دیدید که کنار url سایت یا وبلاگی نمایش داده می شوند (مثال) ، به این تصاویر کوچک اصطلاحا favicon گفته میشه.

favicon بسازیدحالا دو تا مساله وجود داره ، یکی این که چه طور تصاویرمون رو به favicon تبدیل کنیم و دوم این که چطور اون رو توی وبلاگمون قرار بدیم. برای ساخت favicon میتوانید به این آدرس بروید و تصویر مورد نظرتون رو انتخاب کنید و دکمه Generate favicon.ico را فشار دهید. حالا یه favicon دارید برای این که اون رو تو وبلاگتون قرار بدید اول باید favicon رو آپلود کنید و بعد کد زیر رو تو کد قالبتون بین <head> و <head/> قرار بدید.

<link href="favicon.ico" rel="SHORTCUT ICON">