list 4个序列
assignment 等级:入门
chat_bubble_outline 语言 : 法语
card_giftcard 480点
评论
4.8
starstarstarstar
阅读评论

关键信息

credit_card 免费进入
verified_user 免费证书
timer 总共60个小时

关于内容

Ce MOOC permet d’aborder via l'utilisation de Photoshop, le responsive design du point de vue du webdesigner !

Vous vous demandez comment concevoir un site web entièrement responsive, visible sur tous les écrans ? Je vous propose justement à travers ce cours d’aborder le responsive design du point de vue du webdesigner !

Nous verrons ensemble les grands principes du responsive design, et surtout comment les appliquer en créant 2 maquettes sous Photoshop d’une même page web : une version écran mobile et une version écran d’ordinateur. Nous utiliserons ensuite Bootstrap afin d’avoir un premier aperçu codé et fonctionnel de votre site responsive !

Pré-requis : il est conseillé d’avoir déjà des notions sur le fonctionnement de Photoshop et le langage HTML pour suivre ce cours.

more_horiz 查看更多
more_horiz 收起
dns

课程大纲

Partie 1 - Intégrez la notion de responsive design à vos projets

  • 1. Introduction au responsive design
  • 2. Les enjeux du responsive design
  • 3. Pensez "responsive design" !
  • 4. Structurez votre site avec des wireframes
  • 5. Créez vos wireframes avec Balsamiq
  • Quiz

Partie 2 - Maquettez la version "aperçu mobile" de votre site

  • 1. Utilisez Photoshop pour le responsive design
  • 2. Les outils de création de formes vectorielles
  • 3. La grille fluide
  • 4. Le design d’éléments d’interfaces
  • Quiz
  •  Activité : Concevez la maquette "aperçu mobile" de votre portfolio

Partie 3 - Maquettez la version "aperçu desktop" de votre site

  • 1. Profitez de l’espace
  • 2. Repensez l’ergonomie
  • 3. Adaptez vos éléments graphiques
  • 4. Enrichissez votre version "aperçu desktop"
  • Quiz
  • Activité : Concevez la maquette "aperçu desktop" de votre portfolio

Partie 4 - Intégrez votre maquette avec Bootstrap

  • 1. Introduction à Bootstrap
  • 2. Exportez vos éléments graphiques depuis Photoshop
  • 3. Intégrez vos éléments graphiques dans Bootstrap
  • Quiz
  • Activité : Créez un prototype responsive fonctionnel de votre portfolio

Certificat de réussite

 

record_voice_over

教师

Virak Mey

Virak Mey est responsable pédagogique du bachelor webdesign et communication graphique au sein de l’ICAN (Institut de Création et Animation Numérique) où il enseigne aussi le design numérique. Issu d’une formation en art appliqué et multimédia, Virak a travaillé en tant que directeur artistique web au sein d’agences parisiennes comme Publicis et Tbwa/Paris. Sa passion du design numérique l’a également amené à développer un véritable goût pour la transmission de son savoir dans ce domaine. En plus de son travail de pédagogue, Virak est également consultant en direction de création au sein de l’agence Creative Slashers.

store

内容设计师

ICAN

L'ICAN (institut de création et animation numériques) est une école supérieure qui forme des infographistes associant des compétences techniques de réalisateur à la créativité du concepteur.

INSTITUT d’études supérieures spécialisé dans le domaine de l’image et du numérique, l’école forme à trois spécialités complémentaires de l’Infographie : le Game Design, l’Animation Numérique et Web et Création Graphique.

assistant

平台

OpenClassrooms

OpenClassrooms (anciennement le Site du Zéro ou SdZ), est un site web qui propose des cours autour de l'informatique, des sciences et de l'entrepreneuriat.

Les cours en ligne peuvent être réalisés aussi bien par l'équipe du site, des professeurs d'universités ou de grandes écoles partenaires que par ses membres.

Aujourd'hui, les cours sont disponibles dans plusieurs format : MOOC (Massive Open Online Course), texte web, e-book, livre et en vidéo. L'entreprise délivre des certifications pour certains cours, dont une reconnue par l'état, en partenariat avec IESA multimédia.

评论
4.8 /5 平均值
starstarstarstarstar
1
starstarstarstarstar
0
starstarstarstarstar
0
starstarstarstarstar
0
starstarstarstarstar
0
内容
4.5/5
平台
5/5
动画
5/5
最佳评论

Très simple d'accès et formateur.

发布于 2019年6月14日
你是这个MOOC的设计者?
您对这门课的评价是 ?
内容
0/5
平台
0/5
动画
0/5
发表于 2019年6月14日
starstarstarstar

Très simple d'accès et formateur.