デザインビギナーズ第29回 もくもく

[willnet]

今日の成果を貼り付けましょう！

貼り付けの指針

みんなから意見をもらいやすいように、わかりやすく成果をまとめましょう！

• なるべく画像を使う
  • 写真をとって貼り付けたり、スクリーンショットをとってみたり
• 作業前、作業後の画像を貼る
• 力を入れた点や、見て欲しい点をコメントに書く

[willnet]

• menureco というサービスのweb用のロゴ、アプリ用のロゴ、favicon について考えていました
• 類似のサービスでは、ご飯そのものではなく、フォークや箸などの画像を使うことが多い
• "メニュー" は形だけでは伝わらないので不適切
• favicon はそれなりに良い形になったのでは

[ir3]

• 刻言道場「まいトレ」の新版のデザインブラッシュアップしようとCSS整備でsassのコードをモクモクしました
• old http://maitore.ruby.iijgio.com/?ymd=20150512
  
• 編集中で収束できずぐちゃぐちゃで時間切れ
  
  まあこんな日もありか orz

[yukkiplaza]

新宿駅構内攻略マップのアイデア出しをしました。
JR構内のみで、タイムアップ(>_<)

[odaillyjp]

今日の目的

https://scrambled-eng.herokuapp.com/

トップページのデザインの意見をいただく。

• トップページを見るだけで、どんなサービスなのかイメージができるか。
• 使うモチベーションが上がるデザインになっているか。

ご意見

• 好印象？
• 青い部分はもっと広くした方が良いかも
  • ファーストビューでサービスの使い方を説明した図をちらっと見せた気持ちもあるので、このまま？
• サービス名がいまいち
  • 変えたい！

今日やったこと

• デザインに関して「ここを直したい！」と思うところを書き出していました
  • ローディング画面を作りたい
  • クリアした問題にチェックマーク
  • 間違えている部分だけ文字を赤くする

[ghost]

文化祭来てくださいー！！！

[ukisoft]

SteamcommunityからSteamIDを取得してアカウントを作成できるようになった。

[hitcracker317]

イラストレーターでキャラクターを描画

下書き

ペンツールで描画

左足の靴が描けませんでした。。

[masa-iwasaki]

今日やったこと

レスポンシブ対応を進める上で画像である必要が無い要素の置き換え。

• トップページのRDD説明文字が小さかったのを修正。画像から文字に変更。
• ナビゲーションメニューがすべて画像だったので、スタイルシート＋テキストで置き換え。

アピールポイント

既存のナビゲーション要素で、border-bottomが1pxだけ浮いていたのに気づいて、それをCSSで再現してみました。この1pxがないだけで野暮ったくなるのが不思議。。

TODO

• ナビゲーションのフォントについては明朝体を使いたいけれど、複数プラットフォームで使えるものがよく分からず...。
• 説明文を文字に直したが、フォントサイズを大きくするとline-heightが詰まるのでなんとも。このバナー（？）部分をなんとかしたい。

Before

After

[tatsuosakurai]

社内wikiが使いにくいので UI 考えてました

• 手書きラフ
  
• sketchでラフ