YOU DESIGNERS

9:18 AM

Des clients qui vous contactent et qui recherchent un « pro » pour travailler gratuitement, ou encore ceux qui généreusement veulent vous « faire connaitre » … ca vous est déjà arrivé ?
Dois t’on répondre à ces demandes quitte à perdre du temps ? A quel point les métiers du web sont-ils méconnus ?

Voici une compilation du meilleur (du pire) des demandes reçues par Romy
dans son billet :

« Ah bon, il faut payer pour avoir un site ? »

Conception web et intégration X-HTML et CSS Indépendante spécialisée SPIP, accessibilité et W3C

Extrait :

« (…). S’il faut rémunéré le projet, je le ferais (tout dépendra du prix). «

Ce billet à aussi été relayé par AymerciJ dans :

Vous pouvez me faire youtube pour 100 euros ?

$Capture d\'ecrandu site AJBlog, Webdesign et petites entreprises$

Et pour continuer sur le sujet, voir aussi :

Perles de Web agency,

dont voici quelques extraits :

« je veux créer un site personnel mais gratuitement. »
« J’aimerais créer un site qui parle de plusieur chose.Mais faut-t-il payer pour le créer. »

J’ai noté dans les commentaires, deux réactions :
Jacques : « Le prix le plus difficile à estimer, c’est le temps de réaction du client. »
Oncle Tom « Le prix est d’autant plus difficile à réaliser que le client ne voit que le résultat final »

Conclusion

Pour ma part, je n’ai pas encore eu l’occasion de recevoir ce type de demandes, mais ce genre d’articles m’intéresse, ne serait-ce pour mieux comprendre le métier.

D’un côté je trouve ces demandes malheuresement très drôles, voir tristes puisqu’elles montrent bien que le web est flou pour la plupart des gens.
D’un autre côté ce n’est pas si étonnant lorsqu’on voit l’étendue des compétences nécessaires à la conception d’un site, auxquelles on peut ajouter la grande différence de profils et de compétences chez les « travailleurs du web ». Ce qui accentue l’effet de flou sur la profession.

Une chose est sure, la création d’un site internet se chiffre rarement en centaines d’euros et encore moins en avantages en nature… Répondre à ce type de demandes es-il vraiment nécessaire ?

Et vous, qu’en pensez-vous ? Est-ce vous répondez à tous vos mails, même aux plus « farfelus » ?

3:22 AM

GigaOm’s Roadmap Conference opened yesterday with a clear message from Instagram co-founder Kevin Systrom — “some of the biggest services in the world started off with really simple problems.” The day’s themes were around focussing your product, going deep on user experience, empowering meaningful, high-quality content, and embracing design as a way of running your startup. It was an inspired roster of speakers and a promising outlook for the role of design in startups.

Focus Your Product + Go Deep on User Experience

Kickstarter’s Perry Chen talked to their team’s desire to stay small and focussed saying, “We want to do great things, but we want to stay small. To stay committed to the one thing that we do well. To shape the experience around this one thing that we’re committed to.” Similarly,Evan Williams shared that the goal of Medium, a product aimed at re-inventing publishing, “isn’t to reach the entire world; it’s to create depth of value.” And the strict focus and product experience was echoed even further by Systrom. “Once products become really popular,” he said, “there's a tendency to expand into additional verticals. But I decided really early that what we were going to do instead is take what we have and go really deep on the user experience. What can we do to make this experience superlative? What can we do to shave off load time? We believe that user experience is what makes people come back to the product again and again.”

The startup community has matured. “You’re going to have the smartest people in the world working as hard as they can, competing at every corner of the industry,” Williams said. So stay focused on your core mission and go deep.

Empower creators of high quality content.

Malik spoke to one of the major pain points of the internet — there’s simply too much information out there and not enough context. Twitter’s main API, for example, is called “The Firehose” — and it’s exactly that, a stream of new content with very little context and parsing.

But over the last few years, the shift has been towards the creator. For Instagram, it’s not about consumption, but about participation. During the past week’s hurricane, over 800K photos were tagged #Sandy — compared to the Super Bowl’s 85K. “You weren't far away,” Systrom said, “You weren't watching it on TV. You were participating in real time.” For Kickstarter, their bets are on creators. Chen said that “2% of the population is creators. 60K people have created projects on Kickstarter. And 3,000,000 people have backed a project.” For Medium, they’re betting on the fact that all creators are not created equal. “One of the things we're trying to go contrary on at Medium is that it's not always about new,” Williams said. Medium aims to improve quality on the web by empowering those influences who have better stories to tell and better insights to share.

Embrace design as a way of running your startup.

Design’s role in startups has long been misunderstood. AirBnB's co-founder Joe Gebbia shared that when AirBnB launched in 2008 their founding team of 2 designers and 1 engineer were introduced to 20 investors. And of that group, 10 replied, 3 met them for coffee, and zero invested. “We broke the mold of the traditional founding model for a startup,” Gebbia said. “People had a hard time understanding how a designer from art school could run a successful internet business.”

Zooming out even further, Systrom questioned the very role of design in a startup, asking if designers were even necessary in every company? “No,” he answered, referencing commodity businesses where simply shipping a product at a low cost might be all you need. “But,” he added, “if you decide that user experience is core to your company and if you believe that it can push the way forward, everything from the slides you put up at board meetings to the way you interview people matters.”

AirBnb baked design in from day one — taking the time to design the entire user experience from the maps to the review forms. Warby Parker? Same thing. CEO and co-founder Dave Gilboa thoughtfully discussed that they spent a year and a half designing a beautiful site, thick card stock printed elements in their packaging, and a really polished product. And Medium? They're competing for designers because, as Williams stated, “they're no longer a nice-to-have.”

If yesterday’s Roadmap conference is any indication of where the world's most talented entrepreneurs are betting, it’s on design's role as an essential element within the startup to create positive impact in the world. More design-savvy companies means more holistic, richer products. More high-quality content means a higher bar for the internet as a whole. And more understanding around the role of design in a startup means that design is no longer something you slap on at the end, but rather, as Williams said, “a part of everything that you do.”

2:12 AM

أعزائى الفنانين أخواتى الكرام هذه بعض النصائح الهامه لو بتحب الماكس ونفسك تطلع درجات الاحتراف على اساس سليم وانشاء الله يعجبكم ....

1 - أبدأ بتصميم الأشياء البسيطة حتى لا تعقد الأمر لنفسك .

2 - تعلم الماكس من خلال دورات تدربيه حتى توفير الوقت والجهد وإنجاز تقدم ملحوظ خلال فترة بسيطة .

3 - أستخدم اسطوانات تعليمية للماكس فى تعليمك سواء عربيه أو إنجليزية أثناء تعليمك وأثناء فترة

تعليمك للماكس وأنت مبتدأ لا تنتقل إلى إصدارات حديثة للماكس حتى لا تسببك لنفسك تشتت حيث

الإصدارات الأخيرة للماكس لا يوجد بها اختلاف كبير .

4 - فهم أساسيات العمل على الماكس من خامات وإضاءة وحركة وتصميم وريندر .

5 - البعد فى المرحلة الأولى لتعليمك الماكس عن المقابس وإتقان المقابس عند احترافك للماكس .

6 - التخصص فى العمل فى الماكس سواء التصميم أو الإضاءة أو الخامات أو الريندر .

7 - إتقان التصميم والخامات والإضاءة ثم الاتجاه إلى تعليمك مصديرات الريندر .

8 - أنصحك بالعمل على الماكس وتحديد له فترات زمنيه .

9 - أسال من ذو خبرة عنك فى هذا المجال وأتكلم معهم .

10 - قم بوضع هدف لك معين لتعليمك الماكس حتى تصل إليه أن شاء الله .

11 - هل أنت محب للماكس أذن فأنت فنان وسوف تكون مصمم جيد .

12 - ملاحظة مستوى تقدمك خلال فترات زمنيه بعيدة .

13 - الصــــــــــــــــــــــ ـــــــــبر قد تشعر أحيانا باليأس وغيبة الأمل فتحلى بالصبر و التفأول .

14 - تكوين مكتبات خاصة بك للخامات والموديلات .

15 - هناك العديد من المواقع التى تتحدث على الماكس أنصحك بحفظ عنوانها والمواظبة على زيارتها

16 - حاول تصمم كل ما تراه عينك أو تتخيل بيه .

17 - أنظر إلى الطبيعة وتأمل كيف يمكن تصميم ما تراه فى الماكس .

18 - تأمل قدرة الخالق عند تعليمك لبعض أمور الماكس مثل الكراكتير أنيميشن .

19 - برنامج الماكس يوجد به أوامر كثيرة جدا دائما أبحث عن الأمر الذى يفيدك ولا تضيع وقتك فى تعليم أمر قد لا يفيدك .

20 - أتقان طرق تطبيق الخامات على المجسم وأختيار الخامات المناسبة .

21 - الاهتمام عند التصميم بالتفاصيل التى قد تخدم العمل وتجعله أكثر تألق .

22 - استخدام جهاز كمبيوتر بمواصفات عاليه حتى يتحمل الجهاز مصاص الرامات (الماكس) .

23 - التركيز على الحركة فى الماكس لأنها من أقوى ما يتميز به الماكس وأبدعها .

24 - لا تجعل الماكس يسرق وقتك .

25 - قم بحفظ التعديل عى تصميمك كل دقيقة .

26 - احفظ مشروعك فى كل مرحلة فى تصميمك فى ملف مستقل .

27 - نصيـــــــــــــــحة أنسخ ملفات عملك حفاظا عليها من التلف او الضياع ومشاكل الهاردديسك .

28 - صمم تصميمك على فترات زمنيه متقطعة .

29 - ما هو الفرق بين المايا والماكس وإيهما أفضل ؟ لا تجعل مثل هذا السؤال يهزك فالأفضل دائما هو المصمم مع إمكانيات الماكس أو المايا المهولة .

30 - تعلم الماكس والبرامج الملاحقة له مثل الأتوكاد و البوز وبرامج المونتاج والبرامج التى قد تخدم الماكس لتجعل من برامج الكمبيوتر اركسترا كامل ليعزف أنشودة ماكسية رائعة الإبداع والتصميم .

31 - مللت من قراءة النصائح فأنصحك لا تتعلم الماكس وتعلم برنامج الورد لأننا نعلم جمعنا أنى البرنامج صعب وتجد فيه مشقة وتعب دون البرامج الأخرى .

32 - قد ترى أعمال الآخرين وتسبب لك إحباط بالنسبة لأعمالك وتجعلك تتوقف عن التصميم فلا تجعل أعمال الآخرين ألأكثر إبداعا منك فى إحباطك وإنما أجعلها هدفا لك .

33 - حاول البعد عن التقليد فى إعمالك الشخصية .

34 - البعد عن الكتب التى قد لا تفيدك فى تعليمك الماكس والتركيز فى الكتب التى تفيدك .

35 - قبل البداية فى الماكس أنصحك بقراءة كتاب مراد للماكس من الألف للياء حيث يشمل معظم الدروس الموجودة على الانترنت بشكل منظم .

36 - وضع وقياس أضاءتك فى المشروع كما هو فى الواقع حتى تكون قادر لمحاكاة أكبر قدر من الإضاءة حقيقة .

37 - وضع الكاميرات بشكل مناسب للمنظور وبعدة زوايا لتحصل على أفضل زاوية للرؤية .

38 - تخطيط سيناريو للعمل كامل حتى تصل به لأفضل شىء عند تصميمك له .

39 - إذا كنت مبتدأ أنصحك بتكرار تصميم العمل حتى يظهر لك العمل بصورة أفضل .

40 - إتقانك أكثر من طريقة من طرق التصميم .

41 - إتقان اختيار الخامات والألوان للتصميم وطرق تطبيق الخامة على المجسم .

42 - الابتكار والتجديد فى الأفكار و توظيف أوامر الماكس بأكثر من طريقه .

43 - استخدام أكثر من زوايه عندك تصميمك للمجسم .

44 - استخدام مقابس خاصة بنفس أصدار الماكس حتى لا يتسبب فى مشكل فى البرنامج .

45 - استخدام اختصارات لوحة المفاتيح فى العمل مثل لفتح شاشة الخامات أضغط m .

46 - ممارسة أعمال احترافيه فى مرحلة متقدمه لك فى الماكس .

47 - التصميم الجيد والاضاءة الجيدة والخامات الجيدة والريندر الجيدة يساوى عمل ممتاز ومتكامل العناصر .

48 - بعد ما تقرأ هذه النصائح أفتح الماكس أبدا العمل وتوكل على على الله .

49 - لاتتسرع في نقد نفسك بل تريث في الحكم علي اعمالك .

50 - ارجو منكم الدعاء لي ولوالدي عن ظهر قلب .

تكملة الحديث لكن هذه المرة ستكون اسئلة سئلت لي وكانت اجوبتي الموضوعة أمامكم

نظرا لأن كثيرا من الأخوة حديثي العهد علي برامج الثري دي يسألون كيف نتعلم برامجه وما هي الطريقة المثلي في تعلمه لذا قمت بكتابة هذا المقال والذي يحتوي علي أغلب الأسئلة التي ربما يسألها هؤلاء المبتدئين .

1 - هل الأصح أن أقوم بتجريب الأدوات بنفسي دون اللجوء إلي الدراسة النظرية والدروس أم لا ؟

هذا السؤال مشهور جدا وقد سألني أغلب المبتدئين أمثالي عن هذه النقطة ولكن بتجربتي الشخصية أقول لهؤلاء أن طريقة الاعتماد علي الذات منفردة لن تجدي نفعا أبدا والسبب ببساطة أن هذه البرامج ليست بالبساطة لكي يأتي شخص ويكتشفها بمجرد النظر لكن هذه البرامج قامت الشركات المنتجه لها بأبحاث قاسية عليها . كما أن وجود ارتباطات بين كثير من الادوات لن تجعل هذا المجرب والذي يعتمد علي الصدفه يستخدم تللك الميزات . لكني لن اغفل تلك الطريقة كلية لأنها مهمة لكن يجئ دورها بعد ان تاخذ شوطا جيدا من الدروس .

اذن استقرينا الي ان الدروس هي المصدر الصحيح والرئيسي لتعلم تلك البرامج . لذا أنصحك ان تتناول الدروس التي تخص المبتدئين أولا ولا تحاول القفز فوق البرنامج بمعني ان تبدأ كمحترف لان هذا ربما يسبب لك احباط واكتئاب وتترك البرنامج في حين استمر اخر لانه اقتنع انه حديث العهد وتناول الجرعه التي تناسبه من الدروس .

2 - هل أتوجه الي المواقع الاجنبية - لأنهم أكثر احترافيه - أم اعتمد علي المواقع العربية لأنها بلغتي ؟

سؤال اخر مهم وهنا يكون لدينا نوعان من الفنانين . الاول نوع لا يتقن اي لغه غير العربيه طبعا هذا الشخص مضطر للتعلم من الدروس العربيه او دروس الفيديو . اما الشخص الاخر والذي يمتلك ميزة اللغة هذا الشخص انصحه ان يعتمد في البداية علي المواقع العربيه ايضا والسبب في نظري هو التركيز علي البرنامج وتنفيذ الدرس بدلا من التركيز علي الترجمة مع التنفيذ . ثم بعد ان اخذ فكرة جيده عن البرنامج يمكنه الاستعانه بأي درس .

3 - كيف أنتقي الدروس في البداية وكيف اختار المواضيع التي تهمني في تلك المرحلة ؟

هذا السؤال هو الاهم . انصحك في البداية ان تحاول ان تأخذ فكرة عامه عن كل شئ في البرنامج بدون التركيز علي شئ معين بمعني ان تحاول تطبيق درس بسيط عن الاشكال الرئيسيه مثل الصندوق والكرة وغيره . بعد ذلك تبدأ في تطبيق درس عام عن الكاميرات والاضاءات والخامات وغيرها .

بعد هذه المرحله المهمه ستكون تعرفت علي إمكانيات البرنامج وامكانيته والتي ستستغرق منك من شهر الي عدة اشهر حسب مدة جلوسك امام البرنامج وتطبيق الدروس مع بعض التجريب كما ذكرنا سابقا . الان عليك الاتجاه الي تقسيم البرنامج الي عدة اقسام تحاول دراسة كل منها دراسة مفصله بمعني تحاول ان تتناول درس متكامل عن الاضاء لتتعرف علي كل مكوناتها وقوائمها وهكذا تكون انتهيت من الاضاءه وهكذا نفس الكلام بالنسبه للخامات والجزيئات والكاميرات والتصيير ............ الي اخره . انصحك الا تظل عشوائي الي النهاية .

4 - هل تعلم برنامج واحد يكفي ام يجب أن أتعلم برنامجين او أكثر سيعطيني افضل النتائج ؟

هنا مربط الفرس . والاجابة هنا قاطعة ان برنامج واحد يكفي بلاشك وكل برنامج ما بين ماكس ومايا ولايت ويف وغيرهم يحتوي علي نقاط قوة ونقاط ضعف . لكن تتميز تلك البرامج عموما بان هناك اكثر من طريقه للتصميم ووجود ملحقات ومقابس تعطيك نتائج كافيه وسأقول لك مقولة ستريحك :

بدلا من يكون مستواك 40 % في ماكس و 50 % في مايا مثلا فمن الافضل ان تركز وتجعل مستواك في احدهما 70 % هكذا ستحصل علي اعمال أفضل .

هذه البرامج - كما يقول اخواننا قدامي الثري دي -تشبه الريشه في يد الفنان المهم يد الفنان . صدقني يا صديقي المهم هي الافكار وليس البرنامج تعلم ما شئت من البرامج اذا لم تكن تمتلك الافكار فلن تفعل شيئا ولن تكسب غير التشتت . سأعطيك مثال اذا اردنا تصميم سيارة مثلا بعض الفنانين سيبدأ بصندوق والبعض سيبدا بمستوي . الاخر سيبدأ بجموعة خطوط. لكن في النهاية الجميع حصل علي سيارة لكن المهم اتقان الادوات في اي برنامج وان يكون لديك الفكرة وكفي : )

5 - لكني سمعت ان مايا افضل من ماكس هل هذا صحيح ام ان ماكس هو الاقوي ؟

اقول لك انني سمعت نفس الكلام واقتنعت به لفتره لكن بعد فحص وبحث اقول لك ان كل برنامج به نقاط ضعف وقوة ولن تسمح اي شركة من تلك الشركات الكبري ان تسبقها الشركة الاخري بمسافة كبيره كما يدعي البعض . كما قلت كل برنامج به نقاط ضعف تعوضها الملحقات والمقابس . علي العموم مايا اكثر مرونه وبه ادوات نمذجه قويه ومتعدده . ماكس يتميز بسهولته وتوفر تعليمه باللغه العربيه وكذلك ملحقاته متاحه بتنوع في الشرق الاوسط ولا اخفي عليك ان من سيدخل في متاهة المقارنة بين البرامج سيخرج صفر اليدين لا ماكس ولا مايا . ولا اخفي عليكم ايضا انني اعرف فنانين غربيين لا يعرفون شئ عن ماكس ولا مايا بل يستخدمون لايت ويف . وغيرهم يستخدم سوفت اميج . هذا لانهم اقتنعوا ان اي برنا مج يكفي .

اريد ان اعرفك ايضا انك حتي لن تستطيع احتراف البرنامج نفسه بشكل كامل يعني اغلب الفنانين العالميين والذين يستخدمون احدي تلك البرامج لا يعرفون الا 60 % من الادوات ولكن تلك الادوات هي فقط ماتلزهمهم في عملهم ان كان معماري او نمذجة او تحريك او غيره .

اذا كانت هذه هي الحقيقه فلماذا تهرب منها وتحاول ان تكون سوبرمان وتقنع نفسك ان لديك قدرات خاصه ستجعلك تحترف برنامجين او اكثر وتكون نتيجتك السقوط مرميا علي الارض لا تمتلك معلومة محدده ولا تملك اعمال مميزه .

بقي ان اقول لك ان كل شركة تستمر في القضاء علي نقط ضعفها لتصعد ببرنامجها الي الاعلي لذا استمر في اي برنامج والذي بدات به ولا تقلق .

6 - بماذا تنصحني في أعمالي الأولي ؟

انصحك ان تجهز فولدر علي جهازك تخزن عليه كل اعمالك وخصوصا من اول عمل قمت به . هذا الفولدر سيكون دليلك علي تقدم مستواك كما سترتفع معنوياتك جدا عندما تجلس لتضحك علي اعمالك البدائيه عندما بدات مع البرنامج كلما تقدم مستواك الي الامام .

الشئ الثاني انصحك ان تشارك في منتديات المواقع التي تكلمت عنها سابقا لتأخذ المشورة والنقد الفعال في اعمالك كما ستجد اخوة يساعدوك عند وجود اي صعوبات او في حال احتجت ان تجد اجابه لاي استفسار .

7 - هل سأكون محترف في يوم من الأيام ؟

اقسم لك انك ستكون وانا متاكد من ذلك ودون مجاملة لاحظ ان الانسان العربي المتدين الاجتماعي لدية طاقه لو خرجت منه سيكون الاول عالميا لكنه ينقصه التركيز لذا انصحك بالصبر علي برنامجك ومع الصبر ستحصل علي نتائج لم تكن يوم لتتخيل انها من صنع يديك الناعمتين .

8 - هل سأظل هاوي إلي الأبد أم أن هناك فرصة لتوظيف هوايتي والحصول علي مقابل مادي من أعمالي ؟

لا اخفي عليك ان هناك كثير من الهواة والذين تعلموا تلك البرامج حبا فيها . ولكن لا اخفي عليك ايضا انك ان اتبعت ما قلته سابقا وركزت علي برنامج واحد وتخصصت في البرنامج الواحد واثقلت امكانياتك في هذا التخصص فستحصل علي وظيفه ان اردت في اي مكتب هندسي او استوديو حسب تخصصك. لكن هذا لا يعتمد علي وجود الفرصه او عدمه بقدر ما يعتمد علي امكانياتك انت وتركيزك وعدم تشتتك . فتحديد الهدف من البرنامج هو مفتاحك للنجاح .

9 - انا شخص ليس لدي كثير من الوقت كما ان جلوسي امام الحاسوب متقطعا هل سيؤثر هذا علي تقدمي ؟

بالطبع الاستمرار افضل . لكن لا يجب ان تؤثر تلك البرامج علي دراستك او عملك او بيتك . ورغم انني اعاني من تلك المشكله الا انني انصحك بتقسيم وقتك. قم بتخصيص ساعتين او اكثر يوميا حسب قدرتك لتطبق فيهم درسا او تتعلم شيئا جديدا .

10 - أعطني روشتة تلخصيه أسير عليها خلال بداية تعاملي مع برامج الثري دي ؟

اولا : حدد هدفك واسأل نفسك لماذا تتعلم تلك البرامج وما هو طموحك فيها . يجب أن يكون هدفك الاحترافية ولا بديل .

ثانيا :: اختر برنامجا يكون متاحا لك وابدأ في تعلمه ولا تنتقل ابدا الي برنامج اخر مهما كانت الظروف لاننا اتفقنا ان البرامج تقريبا متساوية .

ثالثا :: ابدأ بتعلم فكرة عامة عن كل شئ في البرنامج دون تفاصيل ثم بعد ذلك انتقل الي دراسة مكونات البرنامج بالتفصيل .

رابعا :: ابدا بعد فترة بتحديد تخصص معين او اتجاه خاص بك داخل البرنامج لتركز كل مجهوداتك فيه وتصل الي مرحلة الاحتراف العالمي بدلا من التجريب في كل انحاء البرنامج دون الوصول لشئ .

خامسا :: دائما الجأ الي مشورة اخوانك في المنتيديات الخاصه واسال عن كل ما يعوقك لكن لا تسال الا بعد ان تكون حاولت ولم تجد اجابه لذا وجب التوجه الي الباقين .

سادسا :: ضع في ذهنك انك دائما مبتدئ مثلي مهما وصلت لانه بالتاكيد هناك من هو أعلي منك .

سابعا : ضع أمامك ان خدمة دينك ومراعاة الله في أعمالك هي الأساس . واسع لخدمة دينك وامتك متي استطعت .

أخيرا :: بعد ان تصبح مصمما عالميا وتصبح غنيا ابعث لي بعض النقود والتي اكتسبتها بفضل قراءتك لهذا المقال هههه .

هذا وبالله التوفيق نتمني لكم السرعة في تعلم البرنامج ان شاء الله تعالي

source

2:05 AM

Telling a good story just isn’t as simple as it used to be. At one time, all you had to do was adopt some silly voices for the different characters, add a dramatic twist in here and there, and BOOM. You’ve got an entertaining yarn for the ages. Nowadays, you’ve got to include a multimedia presentation replete with corresponding and compelling imagery.

It’s bad news if you’re a parent trying to get your kids to sleep. For web designers, however, it’s the beginning of a stunningly beautiful future.

Substance before Design

You can create a visual masterpiece, a panoramic plethora of treats for the eye, but if it doesn’t have a point, then it’s just… pointless.

The idea behind web design, in relation to storytelling, isn’t to overshadow your message with gaudy and impressive visuals. It’s to create a cohabitation of story and sights that complement and enhance one another.

In order to accomplish this you have to start with the story. So before you even consider what sort of iconography, symbolism, or photographs you want on your website, begin by crafting an effective narrative for your brand.

What is the moral of your story? What are you offering, and where do your customers fit within the plot you’re creating? Ask yourself these questions and move forward from there.

Nonlinear Visual Storytelling

While it’s important to note that each element of your website must adhere to an overarching theme, you also want each element to be standalone. Because you never know which page of your site a visitor may land on, it’s important that they be able to find their bearings within the story you’re telling.

To manage this, you have to provide content-orientation cues. In other words, bookmarks that will help your visitors understand where they are, and what the content they’re looking at has to do with your brand in general. You can do this with your main text on each page, but also with all of the smaller pieces of text. Things like:

The URLs
Headings
Navigation labels
Hyperlinks
And button text

Being descriptive in each area of your site will help your visitors get a feel for your brand’s narrative, regardless of which part of the story they start off with.

Elements of Visual Storytelling

Images are essential to visual storytelling, and you need to be sure that you have a web design platform that’s compatible with all of your creative ideas. After all, there’s no way to paint a masterpiece without a proper canvas.

The way you use images in your web design is almost unlimited in variability, and that makes them much more interesting as a consequence. You can use visual cues to direct attention, such as a pointing finger, or a photograph of a person staring in a certain direction. Or a symbol to put a universally recognized theme on display. An example of this would be Superman’s “S” shield as a symbol of heroism.

[Image Source]

You can also use iconic imagery, which is perhaps not the definition you may be used to: having a fixed formulaic style. Iconic in this case means that it looks like what it’s representing. A sign for the men’s room at a restaurant is an iconic image. From the iconic to the mundane, there are a lot of different options for a visual storyteller to choose from.

The fundamental elements of visual storytelling even go beyond imagery. You can use unique or eclectic forms of typography to set certain sections of your text apart. You can even decide you want your entire site in an uncommon font to display your modern appeal. Just stay away from Comic Sans. You’ll attract an undesirable response.

Telling the Story

There are three key directives when attempting to tell a visual story in your web design:

1. Understanding Your Audience

Your understanding of your audience should inform your storytelling. In fact, it should be your guiding influence. Who are you speaking to? What do they need? How will you provide it for them? These are the questions you should ask when making visual choices for your website.

For example, are you promoting an offer with an expiration date? If so, it’s a good idea to display images that convey a sense of urgency. Red is an impulsive color with which to highlight the deal, and images of a ticking clock could be effective symbolism for such an occasion.

In the same vein of thought, it’s important to understand your audience so that you can better keep them attentive and engaged. User experience is the number one concern for today’s website owners. So keep it attractive, but more importantly make it interactive. If a visitor can be their own narrator in this visual narrative, they’re twice as likely to become a follower, subscriber, or customer.

2. Clearly Defined Goals for YourStory

This goes back to your moral, though it’s a bit different. Your visual narrative should be moving toward an end result. Even if it’s doing so in a nonlinear fashion. The end result, in and ecommerce setting, should be the conversion. If your site is designed to draw in advertising revenue because of high volumes of visitor traffic, then you goal should be to inform and entertain.

Don’t be satisfied with simply having a website for the sake of being a high-tech hobbyist. Include a meaningful direction in your visual storytelling.

3. Concise and Lucid Meaning to Your Visuals

All of this talk will end in stuff and nonsense unless you choose carefully correlated imagery to go along with your message. It’s not enough to throw striking imagery up on a webpage for its own sake. You’ve got to include images that add to, or connect with your narrative. That means staying away from anything too abstract. Unless, of course, you’re selling surrealist art. Then abstract makes a lot of sense for you.

To be clearer, every aesthetic choice you make on your website should be carefully considered in relation to the story you wish to tell. To go even further, it should relate to the impression you want to give in this particular segment of your story.

For example, a serious subject matter requires stark and severe imagery. Darker, more subdued colors along with Helvetica style fonts would be appropriate. A site designed for humor should feature silly pictures, cats are usually a good choice.

Concluding

Storytelling is the oldest form of entertainment, and it’s still the most popular. The methods have gotten more advanced, but the thematic elements remain the same. Take your time while developing your online narrative, and be sure to make it shine with serendipitous visuals.

1:57 AM

Description & details

Have you ever wondered what your logo looks like embroidered on a t-shirt? Use this PSD mock-up to get a quick idea and be sure to change the texture color to go along with your design.

Format: Layered PSD
Smart Objects: Yes
Dimensions: 2300×1600 px
Minimum Photoshop Version: CS4
Size: 11.2 Mb

Download (7,089)

1:49 AM

Description & details

I’m really excited to share with you this photorealistic book cover PSD mock-up with both front and backside views. The books, shadows and background are placed on separate layers so you can easily display just one book or make other adjustments.

Format: Layered PSD
Smart Objects: Yes
Dimensions: 2400×1700 px
Minimum Photoshop Version: CS4
Size: 27.9 Mb

Download (13,791)

1:35 AM

« Ah bon, il faut payer pour avoir un site ? »

Vous pouvez me faire youtube pour 100 euros ?

Perles de Web agency,

Conclusion

Focus Your Product + Go Deep on User Experience

Empower creators of high quality content.

Embrace design as a way of running your startup.

Substance before Design

Nonlinear Visual Storytelling

Elements of Visual Storytelling

Telling the Story

1. Understanding Your Audience

2. Clearly Defined Goals for YourStory

3. Concise and Lucid Meaning to Your Visuals

Concluding

Description & details

Description & details

helps

Follow me

Popular Posts

Blog Archive

About Us

Popular Posts

Newsletter

Subscribe Our Newsletter