راهنمای طرح محتوا

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

به همین دلیل می خواهم توضیحات بسیار اساسی در مورد چگونگی در نظر گرفتن یک طرح محتوا را در شرایط ارائه دهیم تا ساده ترین کار به حداکثر برسد و نتیجه مطلوب باشد.

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

مرحله 1: الگو

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

مرحله 2: محتوا بلوک می کند

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

بلوک ویدیو

ما فرض خواهیم کرد که این فیلم به طور کلی یک فیلم YouTube خواهد بود ، ما آن را در قالب به شرح زیر نشان می دهیم:

بلوک تصویر

بستگی به این دارد که آیا تصویر منظره است یا پرتره ، همانطور که خواهیم پذیرفت.

بلوک متن

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

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

من می خواهم دو مثال را بگذارم: یک بلوک از متن در کنار یک تصویر منظره و دیگری در کنار یک تصویر پرتره:

عنوان بلوک

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

دکمه بلوک

اگر بخواهیم دکمه ای بگذاریم تا افراد کلیک کنند و آنها را به قسمت دیگری از وب ببرند یا فقط یک پنجره با اطلاعات (یا فرم) ظاهر شود

بلوک های دیگر

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

سرانجام ، در اینجا نمونه ای از یک الگوی با انواع بلوک های ذکر شده در بالا آورده شده است:

گسترش بلوک

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

مرحله 3: ایجاد محتوا

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

مثال قبلی را دنبال خواهیم کرد. در تصویر 4 می توان بلوک های زیر را مشاهده کرد:

• عنوان بلوک 2
• 4 Blocks Text
• 1 بلوک فیلم
• 2 Blocks Image
• دکمه 1 بلوک
• جمع: 10 Blocks

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

مرحله 4: متناسب با محتوا با بلوک

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

بلوک های ویدئویی

فیلم ها به دو روش قابل انتقال هستند:

1. در قالب فیلم MP4 از طریق ابزاری مانند WeTransfer.
2. گزینه قبلی: بارگذاری آنها در کانال YouTube March و انتقال به لینک YouTube به این ویدیو.

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

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

• ویدئو 1: ویدئویی که به عبارات خشونت پرهیز می پردازد با عنوان: "مهم ترین عبارات خشونت پرهیز"
• ویدئو 2: ویدئویی که به رنگ های پرچم می پردازد با عنوان: «پرچم عدم خشونت»
• ویدئو 3: ویدئویی که به گروهی می پردازد که قرار است در آرژانتین راهپیمایی کنند با عنوان: "تیم پایه آرژانتین"

این کار باعث می شود بدانید که کدام فیلم با هر بخش مطابقت دارد.

بلوک های تصویر

در این حالت ، کلیه تصاویر باید روی بستر IMGUR بارگذاری شوند: https://imgur.com/upload

و سپس لینک های آن تصاویر را ارسال کنید. ایده آل این است که تصاویر را همانند ویدیوها قرار دهید که با علامت های 1، 2، 3 و غیره مشخص شده اند. به عنوان مثال، بیایید تصور کنیم 4 تصویر در حال پرواز در آفریقای جنوبی داریم. هر چهار نام یکسان دارند: "sudafrica.jpg". خوب، نام‌های متوالی را تا جایی که در طرح قرار می‌گیرند قرار می‌دهیم و عدد را روی کاغذی که با آن مطابقت دارد، رنگ می‌کنیم. مثال:

• آفریقای جنوبی-1.jpg
• آفریقای جنوبی-2.jpg
• آفریقای جنوبی-3.jpg
• آفریقای جنوبی-4.jpg

دکمه ، عنوان و بلوک متن

سرانجام ، این بلوک ها باید ترجیحاً در یک Document Word یا در Google Docs نوشته شوند.

قالب بسیار ساده است: در سند ورد Word نوع Block (عنوان ، دکمه یا متن) را قرار می دهیم و به دنبال آن عددی را که در طرح مطابقت دارد مطابقت می دهد.

مثال:

• عنوان 1:…
• عنوان 2:…
• متن 1:…
• متن 2:…
• دکمه 1:…
• دکمه 2:…

سپس یک نمونه از نمونه را با متون کاملاً تصادفی قرار می دهم تا بتوانم ببینم که چگونه می تواند این ساختار را دنبال کند ، به عنوان مثال از تصویر 4:

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

مرحله 4: ارسال همه

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

این به سادگی طول می کشد

1. طرح هایی روی کاغذ با طرح
2. مطالب
   • پیوندهای ویدیویی به YouTube یا WeTransfer
   • پیوندهای IMGUR تصاویر
   • پیوند سند در Google Docs یا پرونده Word

نهایی نهایی دفتر اسناد رسمی

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

تصویر سربرگ باید اندازه پیکسل های 960 x 540 داشته باشد. این تصویر مانند سایر تصاویر توسط IMGUR ارسال می شود

نتیجه نهایی

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

صفحه آخر