caracal

not cat, but caracal

caracal

not cat, but caracal

マガジン

  • Cocoda!

    Cocoda! での取り組みをまとめました。

最近の記事

レイアウトの学び_メッセージの明確化

こんにちは。 フロントエンドエンジニアのなけと申します。 前回から3週間も空いてしまった!!!😱 ほぼデイリーで取り組むのは中々難しいですね.. ..🎨 レイアウトを考える際に役立つ3つのポイント。 前回はターゲットを明確にすることを学びました。 今回はメッセージ(内容)を明確にすることを意識して、カフェのホームページを作ってみました。 ..🎨 カフェの構成要素は色々あると思うのですが、 「お店の雰囲気や商品」に焦点を当てて作成しました。完成したものはこちらです。

    • レイアウトの学び_ターゲットの明確化

      こんにちは。 フロントエンドエンジニアのなけと申します。 展覧会を気軽に楽しむ!artmateを開発しています。 さて、前回でデザイン4原則の課題を終えました。 今回からは実際にデザインを作るためのフレームワークを学びます。 枠組みを理解していれば作るものに説得力が出ますね。 取り組んだお題:ターゲットが明確なレイアウトを作ろう ..🎨 子どもやその親をターゲットとした遊び場のLPです。 早速ですが、完成したものはこちらです! 【ポイント】 ・青や黄色などの、明るく

      • デザイン4原則の学び_コントラスト編

        こんにちは。 フロントエンドエンジニアのなけと申します。 展覧会を気軽に楽しむ!artmateを開発しています。 今日でデザイン4原則のお題は最後です! 取り組んだお題:デザイン4原則(コントラスト) ..🎨 食べログ的なサービスの検索一覧画面が今回のお題でした🙌 早速ですが、完成したものがこちらです!! テキストのメリハリ、アイコンによる視認性のメリハリなど、 コントラストを付けることで情報に優先度、強弱が生まれました! 「近接」「整列」「反復」、そして「コントラ

        • デザイン4原則の学び_反復編

          こんにちは。 普段はエンジニアをやっているなけと申します。 iPad Proの液晶を割ってしまいめちゃくちゃ萎えてます😞 気を取り直して、今日もCocoda!に取り組みました。 取り組んだお題:デザイン4原則(反復) ..🎨 求人サイトの検索一覧画面が今回のお題でした🙌 早速ですが、完成したものがこちらです!! 今回勉強になったのは、「パターンの反復」です。 「単純な繰り返し」としての反復(例:カードUIの反復)だけでなく 中段左の「アイコン + テキスト」のようなパ

        レイアウトの学び_メッセージの明確化

        マガジン

        • Cocoda!
          8本

        記事

          デザイン4原則の学び_整列編

          こんにちは。 普段はエンジニアをやっているなけと申します。 急にめちゃめちゃ寒くなってないですか??🍃 今回も前回に引き続き、デザインの初歩の勉強です。 取り組んだお題:デザイン4原則(隣接) ..🎨 会員登録の入力フォームが今回のお題でした🙌 早速ですが、完成したものがこちらです!! ポイントは2つあって、 1つはタイトルとフォームの項目は左寄せで統一していて、 一方で、ボタンは振る舞いが異なるので中央寄せしているという点です。 ユーザー登録が必要なサービスは多い

          デザイン4原則の学び_整列編

          デザイン4原則の学び_近接編

          こんにちは。 普段はエンジニアをやっているなけと申します。 XDにも慣れてきたところでデザイン4原則の勉強です。 Cocoda!すごいなあ..1つずつ課題がありますね。 取り組んだお題:デザイン4原則(近接) ..🎨 ECサイトの商品一覧ページが題材でした。 早速ですが、完成したものがこちらです!! コレクションUIとリストUIの2パターン作ってみました! どちらも近接によって商品毎の区切りが明確になっていますね。 そして今回もコーダー目線でレイヤー整理も行いました

          デザイン4原則の学び_近接編

          名刺デザインで 「 よはく 」 を学ぼう

          こんにちは。 普段はエンジニアをやっているなけと申します。 さて、前回はSNSのプロフィール画面を作りましたが 今日は名刺のデザインに挑戦してみます! 取り組んだお題:はじめてのデザイン ..🎨 慣れていないので30分くらい掛かっちゃいました。 今回は下記の2点が勉強になりました。 1. 余白 名刺ってWebページやポスターなんかよりも 余白の割合が大きいので、0 -> 1で作るとしたら 情報と余白のバランス考えるのが難しいだろうな〜って🤔 色々なサイト、本で余白の

          名刺デザインで 「 よはく 」 を学ぼう

          Cocoda!をはじめた

          こんにちは。 普段はエンジニアをやっているなけと申します。 フロントメインでUXデザイン、IAなどにも興味を持ちつつも ずっとアウトプットしよう!という気持ちにはなれず、、 2年ぶりくらいにCocoda!を除いたらとても使いやすく なっていたので良い!!!!と思って始めました😊 取り組んだお題:UIデザインをはじめよう ..🎨 2~3時間掛けてついに完成したのですが、なるほど。 これは、コーダーにとって良い勉強になりますね。 良いデザインデータとは何か、を学べる気がしま

          Cocoda!をはじめた

          ハワイ旅行 - 3日目:100点のドライブ -

          こんにちは。 都内でエンジニアとして働くnakeと申します。 前回から8ヶ月も経ってしまいました。 読み返したら前回の日記の最後が "明日はいよいよ車を借りて海外初ドライブ。 右車線とかややこしいから緊張するな〜〜🚗 2019.05.17 2:00" と書いてあったから睡眠不足で事故った感じに見える。笑 海外でドライブしたのは初めてだったけど良かったな〜 07:30:起床。めちゃくちゃ眠い。よく起きれた。 徒歩圏内のマリオットホテルの中にレンタカーの営業所が入っています

          ハワイ旅行 - 3日目:100点のドライブ -

          ハワイ旅行 - 2日目:ささやかな夢がうっかり叶う -

          こんにちは。 都内でエンジニアとして働くnakeと申します。 5/15 ~ 5/27(現地時間)で人生初のハワイに来ております。 参列者の中で、誰よりも早く到着して、誰よりも遅く帰国します😊笑 基本的には 初日と同じカイルア・コナ 周辺をぶらぶらした話なのですが、 自転車に乗ったり、人生のささやかな夢が計らずしも叶ったりしました🍹 はい、普通に疲れてて寝坊して10:45に起きました。 ブランチで昨日行けなかったアヒポキをいただきます。 ・中央はライス ・左上が副菜でサーモ

          ハワイ旅行 - 2日目:ささやかな夢がうっかり叶う -

          ハワイ旅行 - 1日目:ハワイ島到着 -

          はじめまして。 都内でエンジニアとして働くnakeと申します。 GW開けに休暇をいただき、人生初のハワイに来ています。 メインの目的は兄の結婚式ですがせっかくなので他の島も。 noteの執筆に慣れるため、日記ベースで残していきます、、👏 周囲から何日間?と聞かれ2週間と答えて、 「それ仕事辞めるやつが最後にやるやつじゃん!😇」 と言われました。 辞めないです。わかるけど。笑 羽田空港からハワイアン航空の利用で、ハワイ到着。 ハワイアン航空もエコノミーは狭いのでお気をつけて

          ハワイ旅行 - 1日目:ハワイ島到着 -