روژ دیزاین

در این وبلاگ مطالبی مانند: طراحی سایت، بهینه سازی سایت و مانند این بحث خواهد شد.

روژ دیزاین

در این وبلاگ مطالبی مانند: طراحی سایت، بهینه سازی سایت و مانند این بحث خواهد شد.

چند تمپلیت HTML رایگان

بسیار تیمپلیت HTML برای طراحی سایت وجود دارد که رایگان می باشد و بسیار برای طراحان مناسبند. از این رو در این پست به چند مورد از آن ها اشاره می کنیم:

Webplate – Free front-end framework

این تمپلیت به شما اجازه می دهد که سایت یا برنامه های متفاوت بسازید.


Nina – Free HTML minimal template

این تمپلیت برای ساخت وبلاگ بسیار مناسب است و متشکل از 5 صفحه: صفحه اصلی، درباره ما، پرتفولیو، بلاگ و ارتباط با ما می باشد.

Obscura Free Responsive HTML Template

این تمپلیت HTML رایگان ریسپانسیو بوده و از تم وردپرس به نام Obscura به وجود آمده است.


Elliot free HTML template

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


چند قانون اساسی در طراحی گرافیک

هدف طراحی یک سایت برقراری ارتباط می باشد. کلمات، تصاویر و قالب سایت بسیار برای رساندن مقصود خود به بینندگان اهمیت دارد. یک طراح خوب باید بتواند به راحتی مقصود خود را برساند. یک طراح گرافیک و سایت باید به چند قانون در هنگام طراحی توجه کند:


قرار دادن تصاویر با کیفیت در سایت

عکس هایی انتخاب کنید که با مقصود سایتتان هماهنگی داشته باشد.


طراحی تمیز و مد روز طوری که در خاطر بیننده ماندگار شود

طراحی های دیگران را نگاه کنید و از آن ها الهام بگیرید.


طراحی کردن با یک هدف مشخص

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


طراحی ساده

آیا می دانستید که طراحی های ساده بیشتر از طراحی های شلوغ و پیچیده بر بیننده تاثیر می گذارند؟ یک طرح دو رنگه بهتر از یک طراحی چند رنگه می باشد.


انتخاب فونت با دقت بسیار

تایپوگرافی یکی از مهم ترین امور در طراحی سایت می باشد. سایز فونت شما باید طوری باشد که برای خواننده خوانا بوده به طوری که مجبور نشود وقت برای خواندن صرف کند.


ارزش دادن به تصاویر

بعضی افراد با گرافیک بیشتر ارتباط بر قرار می کنند. به خاطر داشته باشید که معمولا بینندگان بسیار عجله دارند و به سرعت می خواهند از اطلاعات بهره مند شوند.


مرتب سازی در طراحی سایت

مرتب سازی در طراحی بسیار اهمیت دارد زیرا هم موجب رساندن مقصود سایت به کاربر شده و هم موجب افزایش ترافیک خواهد شد.

چند اینترفیس PSD برای طراحی سایت

در این پست به معرفی چند اینترفیس PSD برای طراحی سایت خواهیم پرداخت.


Designers Couch

توسط FT Stadio طراحی شده است این اینترفیس بسیار ساده و کلاسیک می باشد. همچنین بیشتر از ترکیب رنگ های آبی به وجود آمده است. این طراحی فقط برای الهام گرفتن ساخته شده و فایل دانلود ندارد.


Tru University

این وبسایت توسط ارو ساخته شده و از ترکیب رنگ های کمرنگ درست شده


NetRunner

این طراحی برای شرکت نترانر ساخته شده است. این وبسایت به رنگ خاکستری و بسیار ساده میباشد.


Colorful Blog

این طراحی سایت توسط Deadlines design ساخته شده. یک بلاگ چند رنگه می باشد که دارای یک پیش زمینه برداری بوده و بسیار برای کاربران مورد استفاده می باشد.


Mockup USA Liquids

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


10 روش برای مرتبسازی فایل های PSD در فوتوشاپ

مهم نیست با فوتوشاپ چه کاری انجام می دهید. مرتبسازی PSD های مختلف، بسیار اهمیت دارد، خصوصا زمانی که با طراحان سایت و برنامه نویسان وب سایت کار می کنید. زیرا آن ها برای طراحی سایت احتیاج به PSD شما دارند. در اینجا ده راه ساختن یک PSD حرفه ای را خواهید آموخت:


از Guides and Grids استفاده کنید

انتخاب های بسیاری برای کشیدن آبجکت ها در فوتوشاپ وجود دارد اما این ابزار بسیار برای جابجا کردن آبجکت ها بر پیکسل گرید شما مناسب خواهد بود.


از Smart Objects برای المان های تکراری استفاده کنید

از Smart Object زمانی استفاده کنید که چند نمونه از یک یا چند لایه دارید. این ابزار به شما امکان می دهد تا آن ها را با هم بروز کنید.


با Layer group و Shared mask کار کنید

این ابزار بسیار مهم بوده و به شما امکان می دهد تا PSD های خود را مرتب سازی کنید. همچنین می توانید با Shared Mask آیتم های زیادی را به یکباره بپوشانید.


نام گذاری و رنگ بندی PSD

نام گذاری هر لایه بسیار مشکل و وقتگیر می باشد اما برای کار ها در فوتوشاپ بسیار مناسب است. با نسخه جدید photoshop CC(14.2)، می توانید از 244 کاراکتر در لایه هایتان استفاده کنید. همچنین می توانید با استفاده از لیبل های رنگی موجب تشخیص لایه ها از یک دیگر شوید.


متون خود را با نظم نگه دارید

به جای استفاده از چند فایل PSD از یک Layer Comps استفاده کنید اگر نیاز به چند PSD از یک قالب دارید، به جای ذخیره چندین PSD از Layer Comps استفاده کنید. مزیت استفاده از این ابزار این است که می توانید بر لایه ها ویرایش انجام دهید.


از Adjustment Layers استفاده کنید

این ابزار به شما امکان ویرایش بر تصاویر را می دهد. همچنین این امکان را دارد که افراد دیگر که با PSD شما کار می کنند بتوانند به تنظیمات شما دسترسی داشته باشند.


از Vector Shapes در هر زمان استفاده کنید

این اشکال انعطاف بیشتری نسبت به لایه های پیکسلی فراهم می کند. و به راحتی می توانند توسط یک ابزار تنظیم شوند. همچنین استفاده از این اشکال موجب پایین نیامدن کیفیت کار می شود.


از Swatches برای رنگ های یکنواخت استفاده کنید

اگر رنگ خود را زود انتخاب کرده اید، در قسمت طراحی حتما از Swatches استفاده کنید زیرا می توانید رنگبندی خود را بعد ها نیز مشاهده کنید.


لایه های اضافی را پاک کنید

لایه های اضافی موجب به هم ریخته شدن PSD شما می شود و سایز فایلش را بالا میبرد. پس آن ها را حذف کرده یا با هم ترکیبشان کنید.