Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. How to Learn

لیست ضروری توتس پلاس برای طراحان وب

by
Read Time:6 minsLanguages:

Persian (پارسی) translation by Abbas Fotovati (you can also view the original English article)

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

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

  1. اصول طراحی یا Design Principles
  2. طراحی وب پاسخگرا یا Responsive Web Design
  3. رابط کاربری و قابلیت استفاده یا UX and Usability
  4. تایپوگرافی یا Typography
  5. فایل های گرافیکی یا SVG
  6. سی اس اس یا CSS
  7. وردپرس یا WordPress
  8. جاوا اسکریپت یا JavaScript

1. اصول طراحی

اصول عمومی طراحی (Universal Principles of Design)

کتاب اصول عمومی طراحی توسط ویلیام لیدول، کریتینا هلدن و جیل باتلر نوشته شده است. این کتاب شبیه یک لغتنامه ، سازماندهی شده و شبیه یک کتاب نوشتاری نیست، اما هنوز بخاطر دارم که چه اندازه درباره ی مفاهیم طراحی، روانشناسی و درک وب، و قابلیت استفاده ، فقط توسط خواندن این کتاب یاد گرفتم. این برای اولین بار بود که من درباره ی چیزهایی مثل اجزای وب، مشبک ها یا grids و اصل اوکام (Occam’s razor) می خواندم.

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

توصیه شده توسط آرماندو سوتوکا (Armando Sotoca)

کتاب طراحی غیر طراحان (The Non-Designer’s Design Book)

کتاب طراحی برای غیر طراحان نوشته ی رابین ویلیامز (Robin Williams) برای مبتدیان تازه کار عالی است. ابتدا با مثال های زیادی یک طراحی بد را نشان می دهد، و سپس با اجرای اصولی ساده از آنها طراحی خوبی می سازد.

توصیه شده توسط استیون برادلی(Steven Bradley)

طراحی برای هکرها (Design for Hackers)

طراحی برای هکرها:مهندسی معکوس زیبا، بهترین کتاب برای آموزش پایه های اصول طراحی، مخصوصا آنهایی که این اصول را برای وب و موبایل استفاده می کنند، می باشد. همچنین نویسنده ی این کتاب دیوید کاداوی (David Kadavy) مطلبی با عنوان "9 میانبر سریع برای طراحی (9 Quick Wins for Halfway-Decent Design) " برای سایت Tuts+ نوشته است.

توصیه شده توسط آدی پردیلا (Adi Purdila)

ترتیب بی ترتیب : مفاهیم مشبک برای طراحی وب (Ordering Disorder: Grid Principles for Web Design)

ما هر روز از صفحه های چهارخونه بندی شده یا مشبک ها روی وب استفاده می کنیم، و این کتاب که توسط کوی وین (Khoi Vinh) نوشته شده است به روشن شدن مفاهیم انجام درست این اصول کمک می کند.

توصیه شده توسط مارکو پرجیک (Marko Prljic)

درک کمدی : هنر نامرئی (Understanding Comics: The Invisible Art)

من کمکی نمی توانم انجام دهم اما کتاب فوق العاده ی دیگری با عنوان "درک کمدی:هنر نامرئی" نوشته ی اسکات مک کلود(Scott McCloud) را به خاطر می آورم. این کتاب مطالب زیادی درباره ی زبان بصری عنوان می کند و خواندنش بسیار سرگرم کننده است.

توصیه شده توسط استیون برادلی (Steven Bradley) و یان یتس (Ian Yates)

2. طراحی وب پاسخگرا (Responsive Web Design)

کتاب طراحی وب پاسخگرا (Responsive Web Design)

اگر کتابی در اینجا بدون مقدمه، مورد نیاز باشد، قطعا آن همین کتاب است. این کتاب توسط اتان مارکوت (Ethan Marcotte) نوشته و در سال 2011 توسط انتشارات A Book Apart منتشر شد که دنیای تغییر ناپذیر وب را تغییر داد.

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

توصیه شده توسط یان یتس (Ian Yates)

کتاب طراحی وب پاسخگرای فوری (Instant Responsive Web Design)

موقع بیرون زدن شرمنده شد (یک کنایه در زبان انگلیسی)... .

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

توصیه شده توسط کاری سیمونز (Cory Simmons)

3. قابلیت های استفاده (UX and Usability)

تشریح موشک آسان شده است (کنایه از ضرب المثلی در زبان فارسی : "مگه می خوای اتم بشکافی"، شکافتن اتم آسان شده است).

تشریح موشک آسان شده است (Rocket Surgery Made Easy) 

نوشته ی استیو کروگ (Steve Krug) مقدمه ای کلاسیک بر آزمایش قابلیت استفاده و اهمیت آن است.

توصیه شده توسط لی مونروئه (Lee Munroe)

مدل های روانی (Mental Models)

کتاب ، مدل های روانی : تنظیم استراتژی طراحی با رفتارهای انسانی (Mental Models: Aligning Design Strategy with Human Behavior) ، نوشته ی ایندی یانگ (Indi Young) به وضوح توضیح می دهد چرا کاربران انجام می دهند چیزهایی را که آنها انجام می دهند. درک درست و فهمیدن رفتار کاربران، بهترین ایده را در ساخت محصولات به شما خواهد داد.

توصیه شده توسط کندرا شافر (Kendra Schaefer)

کتاب طراحی تعاملی جذاب (Seductive Interaction Design)

توصیه شده توسط مارکو پرلجیک (Marko Prljic)

الهام (Inspired)

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

توصیه شده توسط لی مونروئه (Lee Munroe)

UX Design for Startups

مارسین تردر (Marcin Treder) از کمپانی UXPin ، که دانش عمیق و زیادش در این دو چیز برای همه شناخته شده است : طراحی UX و قانون شروع (UX design and Startup culture) . او، در این کتاب الکترونیکی رایگان، هر دو را باهم به ارمغان می آورد، به همراه نقل های ارزنده ای شبیه :

"من عاشق بوییدن اندازه ها در صبح هستم" (“I love the smell of metrics in the morning”)

توصیه شده توسط کاتالین میرون (Catalin Miron)

طراحی وب عصبی: آنها چه چیزی را کلیک می کنند؟

کتاب طراحی وب عصبی (Neuro Web Design) نوشته ی سوزان وینسچنک (Susan Weinschenk) مورد علاقه ی من است، این کتاب لیستی از کارهایی به همراه روان شناسی و رفتارشناسی انسانی است که قطعا همه ی طراحان وب و UX باید بخوانند.

توصیه شده توسط توماس لاریناویسیوس (Tomas Laurinavicius)

4. تایپوگرافی (Typography)

کتاب تاپوگرافی روی وب (On Web Typography)

در حقیقت شما باید، هر عنوان تنها را احتمالا، در یک مجموعه کتاب جدا بخوانید، اما اخیرا کتاب جیسون سانتا ماریا (Jason Santa Maria’s) بطور قطع بهترین انتخاب است. دانش و هوش او، در مورد تایپ در این کتاب قرمز روشن، بطور درخشان ارائه شده است، و به شما و من در فهمیدن، چگونه بهتر کردن تایپمان در روی وب کمک می کند.

توصیه شده توسط یان یتس(Ian Yates)

تایپوگرافی پاسخگرا(Responsive Typography)

"تایپوگرافی روی وب " بطور تجاری منتشر شده است، جیسون پامنتال(Jason Pamental’s) در کتابش به نام "تایپوگرافی پاسخگرا: به خوبی استفاده کردن تایپ روی وب" ، تعدادی از روش های الهام گرفته و عملی به تایپوگرافی را قرار داده است.

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

توصیه شده توسط یان یتس(Ian Yates)

Butterick’s Practical Typography

این یکی غیر معمول است، نه یک کتاب چاپی ونه یک نسخه ی الکترونیک است. این در وب بعنوان یک پلتفرم نشر استفاده می شود، درخواستی که شما داوطلبانه تا جایی که شما احساس می کنید ارزش دارد می پردازید. شما از طریق پیپال(Paypal) یا بیتکوین(Bitcoin) پرداخت نمی کنید ، پرداخت شما توسط خرید دیگر محصولات متیو باتریک(Matthew Butterick) انجام می شود.

توصیه شده توسط توریک فیرداس(Thoriq Firdaus)

تایپوگرافی چیست(What is Typography?)؟

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

توصیه شده توسط دیوید دارنس(David Darnes)

5. SVG

کتاب Pocket Guide to Writing SVG

جانی تریتال(Joni Trythall) این صحنه ی نسبتا تازه را یک نفره نمایش داد "چه کسی واقعا چیزهای خوبی توضیح می دهد" . این کتاب الکترونیکی در آگوست 2014 رونمایی شد و svg را در جزئیات فوق العاده واضح توضیح می دهد. این کتاب همه چیز را از قبیل معنا و ساختار فایل SVG ، ایجاد اشکال ساده بصورت دستی، ریزه کاری های منحنی ها، برجسته سازی ها، تایپوگرافی و مهمتر از همه، میوه را پوشش می دهد.

توصیه شده توسط یان یتس(Ian Yates)

6. CSS

کتاب SMACSS

جاناتان اسنوک(Jonathan Snook) چگونگی ایجاد CSS مقیاس پذیر و قابل نگهداری را توضیح می دهد، هر توسعه دهنده باید آنرا بخواند! این کتاب به بهتر شدن گردش کار و ساختار بخشیدن به کد شما کمک خواهد کرد. این فوق العاده است برای استفاده ار ان بعنوان یک پایگاه در یک تیم و شما می توانید آنرا در گردش کار SASS خود ترکیب کنید.

توصیه شده توسط تیم هارتمن(Tim Hartmann)

کتاب CSS3 (The Book of CSS3)

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

توصیه شده توسط یان یتس(Ian Yates)

7. وردپرس(WordPress)

کتاب کالبد شکافی ورد پرس(Digging Into WordPress)

این کتاب اثر کریس کویر(Chris Coyier) و جف استار(Jeff Star) راهنمای درخشانی برای اجرا، قالب بندی و توسعه ی وردپرس می باشد.

توصیه شده توسط دیوید دارنس (David Darnes)

8. جاوا اسکریپت

سخنور جاوا اسکریپت(Eloquent JavaScript)

این به روز رسانی اخیر کتاب الکترونیکی "pay what you want" شما را از یک مبتدی به یک معلم جاوا اسکریپت می برد. این عملا یک توصیه یا پیشنهاد است برای هرکسی که می خواهد مهارت جاوا اسکریپت خود را بهتر کند و ما بعنوان راهپیمایان وب رو به جلو می بینیم که این مهارت ها حتی در طراحی وب بیشتر مهم می شوند.

توصیه شده توسط کری سیمونز (Cory Simmons)

در قفسه ی کتابهای شما، چه کتاب هایی وجود دارد؟

کتاب ها چیزهای خیلی شخصی هستند. علاقه مندی های شما ممکن است در این لیست وجود نداشته باشد، بنابراین چه چیزهایی را شما برای خوانندگان طراحی وب ما ضروری می دانید؟ به ما اجازه دهید که از طریق کامنت ها و توئیت های شما در #tutsbooklist آنها را بشناسیم.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.