汗と涙と成長の新卒デザイナー研修 -Webサイトデザイン編 | CyberAgent Developers Blog
みなさまはじめまして！2018年度新卒入社デザイナーの清水です。 サイバーエージェントの新卒デザイナーは、入社後に約1ヶ月半に渡る新卒デザイナー研修を受けます。今回は新卒デザイナー研修2つ目の課題であったWebサイトのデザインについてご紹介します！ 課題の内容は 「サイバーエージェントの全サービスを紹介するサイト(PC・スマートフォン)を制作する」 でした。 昨今ではWebサイト制作においてスマホへの表示対応は必須になります。今回の課題でも、PC版とスマホ版、両方のデザインを約1週間で制作しました。 新卒の中には学校の課題や自主制作などでWebデザインの経験がある人もいれば、これまで一切触れたこともない人もいるので、制作前にまずはしっかり講義で基礎知識の足並みを揃えてスタートしました。 今回は、研修に参加した11名のうち上位5名に選ばれたメンバーの作品をご紹介をしていきます！ このサ
なぜ私は、デザイナーになったのか【前編】｜Kayoko(NAYO)｜note
その夜に衝動で絵を描ききりました。 描いた絵を添えて、私の黒歴史もいれながら、なぜデザイナーになったか振り返ってみます。 ＊ 私がデザイナーになったきっかけは、はじめの理由は５つあります。 理由１：オタクだったから 単刀直入にいうと、オタクだったからです。 私の両親は教育熱心だった反面、私は勉強大嫌いでした。隙間時間を見つけては漫画・アニメをに没頭する生活。特に少女漫画は大好きでした。 理由２：絵を描くのが楽しかったから 地域振興券でコピックという画材を買い占め、絵を描く楽しさを知りました。 （イラスト間違えてますが、私は右利きです） 理由３：ネット中毒だから＼スケルトンタイプのiMacだよー／ お家にパソコンがきたのは小学生高学年。 新しいものに敏感なお母さんが、お父さんに交渉して届いたのがなーんとスケルトンタイプのiMacのターコイズぽい色！超かわいいのなんのって！ そして・・・ダメな
新人Webデザイナーの私が、1年目で指摘されたことを振り返る [デザイン編] - IT系女子ログ
昨年、未経験からWebデザイナーとして入社してはや1年が経とうとしています。ふと自分を客観的に見つめてみると、「思ってた程、成長していない…」ということに気づき、今更ながら焦り始めているところです。情けないですが。 Webのことも入社前に比べ、遥かに知識を得たし、デザインやコーディング、プログラムのことも少しは自力で調べられるくらいにはなりましたが、あまり実務で役立てられていない、成果を発揮できていないと思っています。 そういう訳で、だらだら2年目に突入する前に、1年間で指摘されたこととそれを踏まえた目標を記録しておきます。 まずは、デザインについてです。 コーディング編はこちら。 新人Webデザイナーの私が、1年目で指摘されたことを振り返る[コーディング編] - IT系女子ログ ※自分の為のまとめなので、読みづらいかと思いますがご容赦頂けると幸いです。 目次 指摘されたこと 指摘を受けて
![新人Webデザイナーの私が、1年目で指摘されたことを振り返る [デザイン編] - IT系女子ログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/0ab65d030571dd540fe5560e3ec8cb1855013d6f/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftosssaurus%2F20150319%2F20150319001648.jpg)
Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ - ICS MEDIA
以前、記事「[商用利用可能！高品質なオススメ日本語Webフォント8選（無料フォント多数）](https://ics.media/entry/13498/）」にて日本語のWebフォントを紹介しました。無料のWebフォントを中心に紹介しましたが、種類が少なく使いたいフォントがないといった場合も多いかと思います。 そういった場合に有償のWebフォントサービスが候補として挙がりますが、使用できる書体数やPV数の制限などサービス内容の違いがあり、どのサービスを選択するか悩ましいのではないでしょうか。今回は5つのWebフォントサービスを取り上げ、それぞれで扱っている書体数やプラン内容などを徹底比較します。 TypeSquare 「TypeSquare」はモリサワが提供しているWebフォントサービスです。800を超える書体（和文フォントは695書体）から選択可能で、主な書体として「新ゴ」「リュウミン」「
2017年に「これは流行る！」な6つのWebデザインスタイルを予想
2016年を通じてWebデザイナーがシンプルさやミニマリズムの方向から離れるにつれ、数多くの新しいスタイルや流行を見てきました。私達はより視覚的に理解しやすく、インパクトのあるデザインの流行に戻り始めているように思います。FramerやOrigamiなどの新しい技術やソフトウェアがWebデザイン世界の可能性を広げ続けています。 ここで2017年の進化し続けることが確実な6つのWebデザインスタイルをご紹介したいと思います。 1. 繊細なマイクロインタラクション Buck.tv http://buck.tv/ マイクロインタラクション（細部の相互アクション性）は、プロトタイプおよび実行のためのツールとともに最近Webで人気を集め始めていて、この傾向は続きそうです。Buck.tv はマイクロインタラクションが効果的に実施されているいい例です。ホバーエフェクトが高度にスタイリッシュで、美しく、
レスポンシブ対応のWebページを制作する時に役立つスクリプトのまとめ
bodyやページ上の各要素にレスポンシブ用のclassを付与、HTML, CSS, JavaScriptで利用できるブレイクポイントを一元管理、設定したブレイクポイントに応じて最適なサイズの画像を表示・レイアウトの変更など、レスポンシブ対応のWebページを制作する際に役立つスクリプトを紹介します。 Restive.JS Restive.JS -GitHub 表示しているデバイスを自動検出し、bodyや各要素に任意に定義したブレイクポイントごとのclassを付与します。ブレイクポイントはピクセルと解像度、プラットフォームやデバイスの種類や向きの判別にも対応。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.north-geek.com/entry/frontend-blog