© 2015 Kazuki Akamine. Musashino Art Univercity Graduation work
(7月25日、コーディング編更新しました。) 私がWebのスキルアップのために行っている勉強方法をすべてご紹介します。 たくさんありますが、「今日は模写をしてみよう」とか、「今日は案出ししてみよう」とか、楽しんで勉強するのが一番だと思います。 今まで自分に合っているものを優先して取り入れてきましたが、「もっと効率いい方法があるよ!」というアイデアがあれば、ぜひ教えていただきたいです! デザイン編 忙しくてもできること 毎日5分でもデザインを観察する ニュースを見る、読む いいと感じたデザインを自分なりに消化してから制作に取り入れる 部分的でもいいので2案以上作る 周りの人に自分から意見をいただきにいく 意見をいただいたら要点を控えておく 提出する時には自分の言葉での説明も添える 広告を見て、伝えたい内容や狙いを考察する 時間あるときにしたいこと 思い浮かんだ案をできるだけ作ってみる 素敵だ
「これって本当にユーザーにとって心地よい?気持ち悪さはないだろうか。」 「このクリック部分はどんな体験になる?想定しているシナリオは?」 「モックで実体験をどこまで積めて、そこからどれだけ回せるかが勝負だね。」 顧客体験を大事にするプロダクト開発に関する議論に聞こえると思います。 ところがこれは、弊社プロダクトのKARTEについて…ではなく、ローンチ3周年に合わせてリリースしたインフォグラフィックについての議論でした。 インフォグラフィックで体験?モック?なぜ? プロダクト開発のような雰囲気のインフォグラフィック制作。そのリリースまでの道のりを公開します。読み進めていただくことで、きっとなぜこんな議論になったかもわかっていただけると思います。 申し遅れましたが、プレイドのJames(@k-james)です。はじめまして。 普段はPLAIDのビジネスサイドとして、KARTEの機能開発やブラン
もしかしたら私だけかもしれないです。ずれているかもしれません。 一般論ではないかもしれません。 でも、同じような気持ちになっているエンジニアがいるかもしれないので、 代表して言わせてください。 エンジニアに、気軽に「バグ」と言うのをやめませんか? 最近立て続けに以下のようなことが起こっており、私と同僚が消耗しています。心がすり減ってます。ワーカーエクスペリエンスが低下しています。。。 ~~~~~~~~~~~~~~~~~~~ 「○○さん、この数値がバグなんだけど直してもらえる?」 →調べたらその週は祝日影響で、営業日が少ないだけだった。 「あのデータのバグはいつ直りますか?」 →データの集計定義の変更の依頼があり、変更前の状態をバグと呼ぶ 「この前入ってなかったバグなんだけど、次の開発に入れてもらっていい?」 →スコープ外のこと(担当がそれを忘れていた)をバグと呼ぶ ~~~~~~~~~~~~
配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、最新の色の組み組み合わせ101種類をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、配色の参考にしたい101種類の色の組み合わせをまとめています。各カラーパレットは、Shutterstockのイメージ画像にインスパイアされており、HEXコードも一緒に記載しているので、ウェブデザインやソーシャルメディア広告、Eメールデザインなど幅広く利用できます。 コンテンツ目次 1. 単色系カラーパレット 2. 寒色系カラーパレット 3. 鮮やかなカラーパレット 4. 暖色系カラーパレット 5. 補色系カラーパ
嫁を面接した企業が「あれ、これって……。」となる画像 はじめに 最近嫁が転職活動をしていたのですが、デザイナーは転職活動をする際に「ポートフォリオ」なるものが必要になるそうです。Webデザイナーである嫁は、このポートフォリオをWebサイトとして製作したいとのこと。 エンジニアリングを生業とする旦那として、ここは一肌脱がねばと思い、ポートフォリオサイトの構築をしました。 コントラクター(僕)のスペック iOSエンジニア Webアプリは過去にやっていた クライアント(嫁)のスペック デザイナー(仕事はWeb系) Ruby, JavaScriptはほぼ書けない HTML, CSSは書ける Git, GitHubは使える クライアント(嫁)の要望 パブリックに公開するのではなく、履歴書に添えたい URLを知っている人しかアクセスしない パスワード(BASIC認証)が欲しい デザインはいちから自分で
『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立
Webデザイナー、Web制作者、イラストレーターなど、Adobeのアプリを使用している人は必見です。先日開催されたAdobe MAX Japan 2017のフォローアップをまとめました。 Adobe XD, Photoshop, Illustrator, Dreamweaverなどの新機能を中心にくわしく使い方が解説されています。日常的に使用している人でも、意外と知らない機能に目から鱗かもしれません。 Select Subject in Photoshop CC なんと1クリックで、複雑な選択範囲が作成できます! 1:03あたりから、人物を1クリックするだけで一瞬で選択範囲が作成されています。 Photoshopの次のアップデートで搭載予定の新機能で、Adobe Senseiの人工知能を使い、画像の主題を自動認識して選択範囲を作成します。「Select Subject」という名で、動画を見
HTMLのテキストはPhotoshopのように融通が効かないから、デザイナーからの細かいお願いはだいたい断っている...なんてことありませんか? モダンブラウザは色んなプロパティが対応してきているので、できることも増えています。 今回は、知っているといざというとき便利なテキスト周りのCSSを集めてみました。 「日本語、文字詰めできないかな?ほら、このカタカナとかキモい。。」 「Webで文字詰めだと?無理なんだよあきらめな!」なんていう時代はもうとうに過ぎ去っています。OpenTypeのフォントであれば、日本語でもちゃんと文字詰めできるんです。 .class { -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } ↓こんなかんじで
こんばんは、すずしんです。 ちょっと質問ですが…。 あなたはブログ記事にYouTubeの動画を埋め込んだことはありますか? 特に対策を何もしていない場合には…。 そのまま動画を埋め込むと、その動画はレスポンシブには対応していません。 なので、特にスマホで表示させたときに動画のサイズがおかしくなってしまいます。 そこで、今回の記事では…。 埋め込んだYouTube動画をCSSでレスポンシブ対応にする方法について書いてみようと思います。 ちょっといじるだけですので簡単ですよ。 YouTube動画の埋め込みをレスポンシブ対応にする方法(シンプル編) YouTube動画の埋め込みをレスポンシブ対応にする方法(完全対応編) YouTube動画の埋め込みテスト ひとこと YouTube動画の埋め込みをレスポンシブ対応にする方法(シンプル編) 最もシンプルにYouTube動画をレスポンシブ対応にするには
The global developer event•AI•Developer experience•Security•San Francisco, CA•October 29-30•The global developer event•AI•Developer experience•Security•San Francisco, CA•October 29-30•The global developer event•AI•Developer experience•Security•San Francisco, CA•October 29-30• The global developer event•AI•Developer experience•Security•San Francisco, CA•October 29-30•The global developer event•AI•D
いつから挿入されていたのかはわかりませんが、はてなブログに『はてなブログをはじめよう!』というブログ広告がいつの間にか挿入されるようになってました。 下記は私が運営している「クレジットカードの読みもの」というサイトに挿入されいたもの。私は月会費をちゃんと払っているはてなブログPROなんですが、どうやら無料会員だけでなくPRO会員にも強制的に挿入されているようです。 他、参考までに有名ブログに挿入されている例も紹介しておきます。 今日はヒトデ祭りだぞ! ゆとりずむ 鈴木です。別館 はてなブログ運営者には見えない: ではなぜここまでこの問題が騒がれていないのか…というと、これは『はてなブログをはじめよう!』という欄ははてなブログ開設者には見えないため。 要するにはてなブロガーがログインしている状況下では表示されないので、気付いていないブロガーのほうが圧倒的に多いのではないかと思うのです。 はて
サービスデザインで陥りやすい3つの落とし穴|クックパッド ※2017年6月に開催された「UX Failcon 〜先人たちの偉大な失敗と成功〜」よりレポート記事をお届けします。 271万品のレシピが投稿され、月間6000万人以上に利用されている料理レシピサービス「クックパッド」。同サービスのデザイナーとして、iOS/Androidのアプリの改善や新機能の開発を行っている倉光美和氏からは「サービスデザインでハマりやすい落とし穴」について語られた。 クックパッドにおけるサービスデザインは、“仮説を立てて、開発を実行し、ユーザー検証を行う”というサイクルで行っていく。倉光氏によれば、「仮説・実行・検証」という3つのフェーズごとに、それぞれ落とし穴が存在するという。 ※(レシピ数は2017年7月時点、利用者数は2017年3月時点の数字) 1. 理想の体験がユーザー視点でうまく定義できていない 仮説を
「デザイン」に対して興味のあるすべての人を対象に、いつまでも長く利用できるデザインの基礎テクニックを、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基本から、サンプル例を見ながら理解できる、より実践的なデザインテクニックまで幅広く網羅しています。
新人から「どうやってデザインをしていいか、わからない」という声をよく聞きます。 私も新人の頃、他にデザイナーがいなかったので、 どのような手順でデザインすればいいか、わかりませんでした。 また、自分のやり方が正しいのか不安でした。 今までの経験から、ある程度、素早くデザインするための、 私なりのコツはつかめましたので書いてみたいと思います。 一つの例として参考になればと思います。 はじめに 今回は、カンプ用のデザイン、グラフィックとしてデザインの手順です。 まず、私が求められているスキルとして ・スピード ・クオリティの安定感 があります。 クライアントの求めるデザイン傾向として ・わかりやすい ・一般受けする があります。 また、私は奇抜なデザインや、先進的なデザインをするタイプではありませんし、アーティスティックなタイプでもありません。 どちらかと言えば、定番のデザインをきっちりしてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く