こんにちは。シュンです。
今回はボクも最近利用してる「Cocoda!」について紹介させていただきます。
現在『Cocoda!』で作った作品をTwitterにて毎日1作品投稿しています(25日連続)。
本日のCocoda!
制作時間1h11m
前はXDで作る時間がかかってましたが
モックにかける時間も6:4ぐらいになってきましたホワイトのiPhone使えばもうちょっと見栄えがよかったのかな
今日はコーディングにフルコミットできるように頑張ります#Webデザイン #今日の積み上げ #おはよう戦隊1123 pic.twitter.com/sqGpELZd1L
— シュン@ShunNote (@2021_Shun) November 22, 2019
目次
「Cocoda!」とは?
UI/UXデザインが学べるオンライン学習サイトです。
お題やテーマに沿って学習を進めることで1つの作品を作れます。
他の学習サイトと違うのはツール等の使い方を説明しているわけではなく
デザインそのものを作ることで学べます。
また、作った作品をサイト内で共有したり、デザイナーの求人に応募することもできます。
初めてデザインについて学習を始める人にもカリキュラムがあるのでオススメです!
マイページ(ポートフォリオ)
作品を作るとマイページからポートフォリオで自分の作品が確認できます。
このページだけ見るとSNSっぽさを感じますが作品を振り返ることもできて
学習したのを実感できるのが嬉しいところです。
初級者向けのコンテンツをやるだけでも10作品以上作れます。
Daily Cocoda!
毎日、テーマやペルソナ(誰向けか等)に沿ってデザインを作っていくコンテンツです。
このコンテンツは作品を毎日1作品しか作れないようになっています。
作品が作り終わって次のお題に進もうとしても翌日の7時にならないとお題が更新されません。
Daily Cocoda!は全50作品あるので50日間やり続けなければいけません。
現在ボクはDaily Cocoda!12日目が終わったところですがここまで作品をCocadaで投稿してる人は
150人(2019年12月現在)にも満たないぐらいなので完走するだけでもやってみる価値はあるのではないかと思います。
お題もアプリのデザインからパソコンの画面のデザインから幅広く作るようになっています。
毎日少しの時間でも継続して学習するように考えられているように感じました。
作品一つの目安は1時間なので時間もかかりません。
以下ボクの作品一部です。
毎日悩みながら作品を作ってます。
Twitterでは現段階まで全ての作品を投稿してるので良かったら見に来てください。
本日のCocoda!
継続15日目。制作時間1h14m音楽が好きなのでUIをイメージしやすく
モック合わせてサクッとできました今までのiPhone7のモックは平面的に感じましたが
このiPhone Xのモックがかなりいいですね徐々に投稿するのが楽しみになってきました😃#今日の積み上げ #cocoda pic.twitter.com/ERXCSzrqA5
— シュン@ShunNote (@2021_Shun) November 26, 2019
本日のCocoda!
継続19日目。制作時間1h19m音楽アプリの再生画面です
シンプルにするために配色を薄くしましたが
薄くし過ぎたかなデザインって「かっこいい」「可愛い」で成り立つものではないのだと改めて思いました。#今日の積み上げ #cocoda pic.twitter.com/SWodVtRPa2
— シュン@ShunNote (@2021_Shun) November 30, 2019
本日のCocoda!
継続25日目。制作時間59m
料理アプリのレシピ画面のデザイン画像見ただけじゃ何の料理なのかも材料も分からず
画像選びに時間がかかってしまいました配色は寒色にすると料理が冷めてるように見えてしまうので暖色系
まだまだデザインの引き出しが少ない#cocoda #今日の積み上げ pic.twitter.com/HIMTyb47ra
— シュン@ShunNote (@2021_Shun) December 6, 2019
投稿方法
Cocodaでデザインを作るのは画面内のデザインのみでそれ以外は作りません。
少しでも作品をイメージしやすいようにPhotoshopを使ってモックアップを作って投稿しています。
画面にデザインを貼り付ける物も多く、時間もかからないので試してみてください😌
Cocoda!を投稿する時に
Photoshopでモバイルのモックアップ作る時に使用したiPhone7 https://t.co/0zeG5p8pBN
iPhone Xhttps://t.co/ZGDSd1sS5j
のモックアップデータですiPhone7は正面からデザインが見やすく色別で対応してます
iPhone Xは立体的で高級感があって一時期大変お世話になりました pic.twitter.com/zgAtxg3aiT— シュン@ShunNote (@2021_Shun) December 6, 2019
まとめ
- UI UX等のデザインを1から学べる
- 作品の共有ができ、確認できる
- 少しの時間でも学習可能
最後までみていただきありがとうございます。Daily Cocoda!完走を目指してこれからも投稿を続けます。
この記事の共有を是非よろしくお願いします。