Saturday, May 17, 2014

ابزار های دریبل

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

Color Pickers

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

2. PSDDD

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

Fribbble

در این ابزار می توانید PSD های متفاوت دانلود کنید.

 Dribbbled Scripts

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

Wednesday, May 14, 2014

چند نکته برای سرعت بخشیدن به ابزار ایلاستریتور

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

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

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

ابزار کشیدن خود را بشناسید

استفاده از ابزار پن بسیار وقتگیر است به همین دلیل از ابزار مداد "پنسل" استفاده کنید.

از کپی پیست استفاده کنید

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

کلید های میانبر را بشناسید

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

Monday, May 12, 2014

پنج ست براش در فوتوشاپ

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

براش آبرنگ

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

Bokeh

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

طرح های گلدار

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

طرح های در هم یا گرانج

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

ست رنگ های دودی

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

پاشیده شدن رنگ ها به همراه رنگ های چکه شده

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

Sunday, May 11, 2014

چند تم پولی وردپرس

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

Hooray – Premium WordPress Blog Theme

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

Cassia – A Responsive WordPress Blog Theme

این تم ریسپانسیو است و همچنین دارای رنگبندی بسیار و با وردپرس های سه.هفت کار می کند. دارای اسکین های بیشمار است و همچنین 650 فونت گوگل را پشتیبانی می کند.

Blogist – Personal Blog theme

این تم بسیار برای محتواگذاری مناسب بوده و بسیار راحت نصب می شود.

Clearflex WP

این تم وردپرس دارای چندین ویژگی مانند: طراحی ریسپانسیو، پنج رنگ چهار مد، ل قابلیت ترجمه شدن و غیره میباشد

Monday, May 5, 2014

مزایا و معایب طراحی فلت

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

در عین ساده بودن کارایی کمتری دارد.


رنگ بندی بسیار در آن استفاده شده است اما کافی نیست.


دارای تایپوگرافی جذاب است اما فونت های ساده ای در خود دارد.


بسیار دارای رنگ های تیز و تمیز است اما از نظر بعضی طراحان، زیاد دارای رنگ های مجذوب کننده نیست.


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


Sunday, May 4, 2014

چند فونت برتر در این هفته

هر هفته چند فونت برای طراحی سایت را به شما معرفی خواهیم کرد. در این هفته این فونت ها بیشترین رای را آورده اند:


شنبه

Pakenham Regular این فونت رایگان است.


یکشنبه

Predige Rounded font قیمت آن نود و پنج دلار است.


دو شنبه

Rucksack قیمت آن رایگان است.


سه شنبه

Estandar قیمت آن رایگان است.


چهار شنبه

In And Out قیمت آن از بیست و پنج دلار شروع می شود.


Saturday, May 3, 2014

چند تمپلیت فرم ورود

همه کاربران با فرم ورود آشنا هستند. همان فرمی که از نام کاربری و رمز عبور تشکیل شده است و برای ورود به فیسبوک، پینترست و غیره از آن استفاده می کنیم. در این پست می خواهیم چند قالب رایگان HTML و CSS3 را برای سرعت بخشیدن به طراحی سایت شما قرار دهیم:


Vibrant Login Interface CSS & PSD

این قالب از PSD و HTML تشکیل شده است.


Login Form (Coded)

این فرم ورود بسیار حرفه ای طراحی شده است. در دانلود آن فایل PSD و XHTML، جاوا و غیره وجود دارد.


Dark Login Form

این قالب از رنگ های بسیار برای دکمه سابمیت تشکیل شده.


Flat Login Form

یک فرم ورود با کد CSS و HTML5 میباشد.


Wednesday, April 30, 2014

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

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


Miletra

Promesh Two

Focus

Enyo

Tuesday, April 29, 2014

گرایش های جدید دو هزارو چهارده

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


تایپوگرافی بلد

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

رنگ های زنده

مد های امسال برای رنگ، آبی روشن، سبز مغز پسته ای، شنی و بژ، و غیره میباشد.


ویدیو های با کیفیت

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


محتوای زیاد

2014 سالیست که بر داشتن محتوای مناسب و کامل تاکید بسیار شده. سعی کنید سایتتان را طوری طراحی کنید که دارای محتوا های جالب و خواندنی باشد.

Monday, April 28, 2014

چند تم فلت در وردپرس

در این مقاله می خواهیم چند تم، با طراحی فلت وردپرس به شما نشان دهیم:


IMMENSELY

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


DIVI

این تم بسیار انعطاف پذیر می باشد. از امکانات این تم می توان به ریسپانسیو بودنش، رنگ بندی نامحدودش و غیره اشاره کرد.


NOVELTY

این تم در تاریخ 12 مارچ 2014 ساخته شده است. این تم رسیپانسیو بوده و دارای امکانات بسیار و فریمورک قوی می باشد که موجب قدرت بخشیدن به سایت شما می شود به طوری که نظیر آن را کم تر می توانید بیابید.

چند افزونه وردپرس که باید در بلاگ خود داشته باشید

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


WP-PostRatings

این افزونه به کاربران اجازه می دهد که برای پست هایتان نظر بدهند. و همچنین قابلیت نگهداری امتیاز آن ها را نیز دارد تا پس از بارگذاری مجدد سایت کاربران نتوانند دوباره نظر دهند.


Akismet

بیشتر دارندگان بلاگ از داشتن کامنت های اسپم بسیار ناراضی می باشند.این پلاگین کامنت های اسپم را جمع کرده و در قسمتی نگه میدارد و به ادمین اجازه می دهد که آن ها را در بخش coment's admin screen ببیند.


ShareThis

این افزونه برای بیشتر شبکه های اجتماعی شناخته شده است زیرا با این افزونه می توان بسیار ساده به 50 شبکه اجماعی دسترسی داشت.


Sunday, April 27, 2014

جذب مشتری در فری لنسینگ در زمینه طراحی سایت

با زیاد شدن افراد فریلنسر در زمینه طراحی سایت، تصمیم گرفتیم در این پست به چند نکته مهم برای جذب مشتری اشاره کنیم:


مشتری خود را با دقت انتخاب کنید

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


تعداد مشتریان خود را افزایش دهید

برای پول در آوردن به یک یا دو مشتری اطمینان نکنید بلکه چندین مشتری همزمان داشته باشید.


اعتماد خود را به مشتری نشان دهید

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

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


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


یک معرفی نامه درست باید هدف محصول و معانی نام محصول را نشان دهد. و همچنین باید به مشتری تفاوت میان این محصول با محصول های دیگر را نیز بیان کند. در

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

یک معرفی نامه خوب باید کامل، بدون شبهه، و بروز، باشد.

برای مثال: CodeIgniter، KnockoutJS و Less چند مورد از بهترین داکیومنتیشن ها را دارند.

Saturday, April 26, 2014

پنج راهکار برای افزایش سرعت فوتوشاپ


در اینجا لیستی از پنج روش خلاق و کارامد برای شما تهیه کردیم که به طراحی سایت شما سرعت می بخشد:


1. Photoshop CC را در مد 64 بیت باز کنید.


2. کامپیوتر خود را مرتب کنید.


3. از تبلت استفاده کنید.


4. از محیط کاری خود در Photoshop استفاده کنید


5. از کلید های میانبر مخصوص به خود استفاده کنید


متود های دیگری هم می تواند برای سرعت بخشیدن به طراحی با Photoshop وجود داشته باشد. اگر متود های مختلف دیگری می شناسید در قسمت نظرخواهی برای ما بنویسید.

Wednesday, April 23, 2014

سه ابزار رایگان برای طراحی سایت

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


Radial menu

یک ابزار زیبا برای حرکت منو های شما می باشد. این ابزار با CSS نوشته شده است.


HTML5 banner

بنر بسیار سازگار می باشد که با CSS و HTML5 نوشته شده است.


Govpress

یک قالب وردپرس برای سایت های دولتی می باشد.

چند افزونه ی وردپرس منتخب در این ماه


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


Style Buddy

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


Post Feedback

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


Better Email Validation

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


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

Tuesday, April 22, 2014

آنچه که باید در مورد وردپرس سه.نه بدانید

جدید ترین نسخه وردپرس به نام اسمیت برای طراحی سایت چهار روز پیش ارضه شد که تغییرات هسته ای را به همراه دارد. این بار تیم وردپرس سعی در ویرایش برنامه های پیشزمینه (back end) مانند: بروز رسانی قسمت دیداری، بروز رسانی پیش نمایش گالری و لیست مدیا ها داشتند. در اینجا به چند نکته بزرگ در مورد این نسخه اشاره خواهیم کرد:

1. توسعه دادن به ویجیت ها

در نسخه قبل، تنها ویژگی این ویجیت ها فقط درگ دراپ بود اما حال به آن موارد دیگری نیز اضافه شده است مانند: ویرایش ویجیت ها، اضافه کردن ویجیت، مرتب کردن آنها، حذف آنها و غیره.


2. بروز رسانی ویرایش گر دیداری

این قسمت دچار تغییرات فراوانی شده است که همه در قسمت کاربردی استفاده می شوند مانند: اضافه شدن دکمه افقی، (horisental line)، بروز رسانی تاینی مرکی و پیش نمایش گالری و غیره. همچنین می توانید با خاصیت درگ دراپ، تصویری را به پست خود بکشید.

3. اضافه کردن ویدیو و صدا به لیست

کاربران می توانند با استفاده از کد های کوتاه، ویدیو و صوت اضافه کنند. آپلود کردن آن ها با استفاده از Media Uploader صورت میگیرد می توانید تصاویر و ویدیو ها را به راحتی به لیست خود اضافه کنید.


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

Monday, April 21, 2014

چند قالب فارسی برای دروپال


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


1. قالب کُرپُرِت‌کلین فارسی

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


2. مِیو فارسی

این قالب بر گرفته از قالب MAYO می باشد. از امکانات این قالب می توان تنوع در رنگ بندی، فونت ها، اسلایدر ها و غیره نام برد.


3. قالب حرفه ای

این قالب برگرفته از professional theme می باشد که بسیار کار آمد است. امکانات این قالب ریسپانسیو بودن، چند ستونه بودن، دارای اسلایدشو های مختلف و غیره میباشد. M.p>

Sunday, April 20, 2014

چند سوال که باید پیش از دوباره طراحی کردن سایت از خود بپرسید


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

1. آیا سایت احتیاج به طراحی دوباره دارد؟

2. خط مشی برند چیست؟

3. سرور قابلیت پشتیبانی امکانات اضافی شما را دارد؟

4. آیا مشتری می خواهد مدیریت محتوای قبلی خود را نگه دارد؟

5. آیا قسمت رابط کاربر (User Interface) مشکل دارد؟

6. چقدر در بهبودی روند بهینه سازی سایت کمک خواهد شد؟

7. آیا تکنولوژی هایی برای ساده تر کردن طراحی وجود دارد؟


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

Saturday, April 19, 2014

شش راز در طراحی سایت جذاب


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


1. انتخاب رنگ مناسب

2. انتخاب رنگ زمینه مناسب برای متون سایت

3. انتخاب سایز مناسب با سایت

4. سرعت در بارگذاری سایت

5. انتخاب لوگوی مناسب

6. نداشتن اشتباهات املایی

با رعایت این چند روش موجب بازدید های فراوان شده و حرفه ای بودن خود را نشان دهید.

Wednesday, April 16, 2014

چند ابزار آنلاین برای HTML


می دانید که HTML5 آخرین تکنولوژی طراحی سایت میباشد که موجب زیبا تر شدن وب سایت شما خواهد شد. چند ابزار برای ویرایش کد های HTML وجود دارد که بسیار کار ها را برایتان آسانتر می کند.

1. HTML KickStart

2. HTML5 audio maker

3 Test HTML5 Code Online

4. HTML5 Video Player

5. HTML5 Outliner


این چند ابزار برای ویرایش HTML بسیار موثرند. اگر با این برنامه ها روبرو شده اید، در موردشان در قسمت نظرخواهی ما را آگاه کنید.

Tuesday, April 15, 2014

سه ابزار معرکه برای طراحان سایت


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


UI Stencils—Responsive Sketch Pad

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


Macaw The code savvy web design tool

این ابزار برای سهولت و انعطاف در ویرایش تصاویر، زمان نوشتن HTML و CSS خواهد شد.


User Interfaces

به دلیل دشوار بودن پیدا کردن عکس برای ماک آپ، این ابزار تصاویر و آواتار ها را به کمک تویتر جمع آوری کرده و در اختیار شما قرار می دهد.

Monday, April 14, 2014

طراحی ریسپانسیو (قسمت سوم)ا


در دو قسمت گذشته نکات مهم طراحی سایت ریسپانسیو که امسال بسیار مورد توجه واقع شده را بیان کردیم. در این مقاله به 3 مورد دیگر خواهیم پرداخت:


1. مطالب را در صفحات زیاد نکنید

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


2. متون را واضح بنویسید

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


3. برای یک نمایشگر کوچک طراحی کنید

از قرار دادن تصاویر زیاد خودداری کنید. جذاب کردن طراحی رضایت بیشتر کاربران را به دنبال خواهد داشت.

Saturday, April 12, 2014

سه راهنمایی برای طراحی ریسپانسیو (قسمت دوم)ا


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


1. به محتوا دقت کنید

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


2. ورودی های کاربر را کوتاه نگه دارید

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


3. طراحی خود را به برند تبدیل کنید

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


در مقاله های بعدی به چند مورد دیگر اشاره خواهیم کرد.

چهار راهنمایی برای طراحی ریسپانسیو


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


1. ساده طراحی کنید

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


2. برنامه ی خود را خلاصه کنید

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


3. کاربران را مستقیم هدایت کنید.

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


4. سازگاری برنامه خود را تست کنید

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


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

Wednesday, April 9, 2014

شش مکان معرکه برای حضور طراحی سایت شما


تقریبا همه چیز و همه کس در سال 2014 در اینترنت قابل دسترس هستند. و اگر یک راه طلایی برای شغل طراحان و برنامه نویسان موجود باشد، آن تبلیغ کارشان است.

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


About me

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

همچنین اگر می خواهید یک رزومه کوچکی برای خود بسازید، اینجا را به شما پیشنهاد می کنیم.


Dribbble

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

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


DeviantArt

این سایت به هیچ عنوان جدید نیست، اما حتما نام آن را در گوگل دیده اید.

شما در اینجا سرشناسان هنر، دانشآموزان هنر، طراحان و غیره را خواهید یافت.


Flickr

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

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


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

Tuesday, April 8, 2014

3 ابزار برای آسان تر کردن طراحی


در زیر به چند ابزار برای پیشرفت در طراحی سایت شما اشاره می کنیم:


1. Skala

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


2. Stylify Me

این ابزار برای جست و جوی استایل ها مانند رنگ زمینه، عکس و غیره بسیار مناسب است. کافیست در فیلد بالای صفحه آدرس سایت را وارد کرده و روی دکمه Stylify Me کلیک کنید. حتی می توانید نتیجه را در قالب PDF نیز ذخیره کنید.


3. Divvy

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


نکات اساسی در طراحی سایت

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


بالانس

بالانس به معنی هماهنگی و تقارن میان عکس ها و رنگ ها و غیره در وبسایت می باشد.


رنگ

در یک وبسایت، ترکیب رنگ ها باید جوری باشند که به یک دیگر بیاییند. و اگر تضادی هم بین رنگ ها برقرار کردید باید به طور زیبایی طراحی شده و جلوه کند. هر رنگی پیغام خاص خود را دارد و این بسته به سلیقه شماست که چگونه آن ها را با یکدیگر ترکیب کنید.


استفاده از فضای سفید

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


پیوند و کانکشن

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

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


p> با دقت این نکات، شانس برترین بودن را به خود خواهید داد و همچنین در میان رقبای خود بهترین مخاطبین را جذب خواهید کرد.