motiontable© 2015 Kazuki Akamine. Musashino Art Univercity Graduation work
実務経験3年すぎた現役Webデザイナーのリアル【勉強方法編】 - IT系女子ログ
（7月25日、コーディング編更新しました。） 私がWebのスキルアップのために行っている勉強方法をすべてご紹介します。 たくさんありますが、「今日は模写をしてみよう」とか、「今日は案出ししてみよう」とか、楽しんで勉強するのが一番だと思います。 今まで自分に合っているものを優先して取り入れてきましたが、「もっと効率いい方法があるよ！」というアイデアがあれば、ぜひ教えていただきたいです！ デザイン編 忙しくてもできること 毎日5分でもデザインを観察する ニュースを見る、読む いいと感じたデザインを自分なりに消化してから制作に取り入れる 部分的でもいいので2案以上作る 周りの人に自分から意見をいただきにいく 意見をいただいたら要点を控えておく 提出する時には自分の言葉での説明も添える 広告を見て、伝えたい内容や狙いを考察する 時間あるときにしたいこと 思い浮かんだ案をできるだけ作ってみる 素敵だ
インフォグラフィック制作で目指したこと - 狂気が生む極端は心地よい。 | PLOG 株式会社プレイド BLOG
「これって本当にユーザーにとって心地よい？気持ち悪さはないだろうか。」 「このクリック部分はどんな体験になる？想定しているシナリオは？」 「モックで実体験をどこまで積めて、そこからどれだけ回せるかが勝負だね。」 顧客体験を大事にするプロダクト開発に関する議論に聞こえると思います。 ところがこれは、弊社プロダクトのKARTEについて…ではなく、ローンチ３周年に合わせてリリースしたインフォグラフィックについての議論でした。 インフォグラフィックで体験？モック？なぜ？ プロダクト開発のような雰囲気のインフォグラフィック制作。そのリリースまでの道のりを公開します。読み進めていただくことで、きっとなぜこんな議論になったかもわかっていただけると思います。 申し遅れましたが、プレイドのJames(@k-james)です。はじめまして。 普段はPLAIDのビジネスサイドとして、KARTEの機能開発やブラン
提案：エンジニアに気軽に「バグ」というのはやめませんか？ - worker experienceの日記
もしかしたら私だけかもしれないです。ずれているかもしれません。 一般論ではないかもしれません。 でも、同じような気持ちになっているエンジニアがいるかもしれないので、 代表して言わせてください。 エンジニアに、気軽に「バグ」と言うのをやめませんか？ 最近立て続けに以下のようなことが起こっており、私と同僚が消耗しています。心がすり減ってます。ワーカーエクスペリエンスが低下しています。。。 ～～～～～～～～～～～～～～～～～～～ 「○○さん、この数値がバグなんだけど直してもらえる？」 →調べたらその週は祝日影響で、営業日が少ないだけだった。 「あのデータのバグはいつ直りますか？」 →データの集計定義の変更の依頼があり、変更前の状態をバグと呼ぶ 「この前入ってなかったバグなんだけど、次の開発に入れてもらっていい？」 →スコープ外のこと（担当がそれを忘れていた）をバグと呼ぶ ～～～～～～～～～～～～
【保存版】デザインを学ぶすべての人に贈る、配色アイデア見本101選
配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、最新の色の組み組み合わせ101種類をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、配色の参考にしたい101種類の色の組み合わせをまとめています。各カラーパレットは、Shutterstockのイメージ画像にインスパイアされており、HEXコードも一緒に記載しているので、ウェブデザインやソーシャルメディア広告、Eメールデザインなど幅広く利用できます。 コンテンツ目次 1. 単色系カラーパレット 2. 寒色系カラーパレット 3. 鮮やかなカラーパレット 4. 暖色系カラーパレット 5. 補色系カラーパ
嫁の転職を支える技術 - 文字っぽいの。
嫁を面接した企業が「あれ、これって……。」となる画像 はじめに 最近嫁が転職活動をしていたのですが、デザイナーは転職活動をする際に「ポートフォリオ」なるものが必要になるそうです。Webデザイナーである嫁は、このポートフォリオをWebサイトとして製作したいとのこと。 エンジニアリングを生業とする旦那として、ここは一肌脱がねばと思い、ポートフォリオサイトの構築をしました。 コントラクター（僕）のスペック iOSエンジニア Webアプリは過去にやっていた クライアント（嫁）のスペック デザイナー（仕事はWeb系） Ruby, JavaScriptはほぼ書けない HTML, CSSは書ける Git, GitHubは使える クライアント（嫁）の要望 パブリックに公開するのではなく、履歴書に添えたい URLを知っている人しかアクセスしない パスワード（BASIC認証）が欲しい デザインはいちから自分で
フォントオタクなデザイナーが本気で選んだ「美しいフォント」24選【フリー＆有償】
『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立
Adobe XD, Photoshop, Illustratorの注目情報が満載！Adobe MAX Japan 2017 フォローアップのまとめ
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のテキスト周りでデザイナーからこんなお願いをされたら... - Qiita
HTMLのテキストはPhotoshopのように融通が効かないから、デザイナーからの細かいお願いはだいたい断っている...なんてことありませんか？ モダンブラウザは色んなプロパティが対応してきているので、できることも増えています。 今回は、知っているといざというとき便利なテキスト周りのCSSを集めてみました。 「日本語、文字詰めできないかな？ほら、このカタカナとかキモい。。」 「Webで文字詰めだと？無理なんだよあきらめな！」なんていう時代はもうとうに過ぎ去っています。OpenTypeのフォントであれば、日本語でもちゃんと文字詰めできるんです。 .class { -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } ↓こんなかんじで
YouTube動画の埋め込みをCSSでレスポンシブ対応にする方法 - すずろぐ
こんばんは、すずしんです。 ちょっと質問ですが…。 あなたはブログ記事にYouTubeの動画を埋め込んだことはありますか？ 特に対策を何もしていない場合には…。 そのまま動画を埋め込むと、その動画はレスポンシブには対応していません。 なので、特にスマホで表示させたときに動画のサイズがおかしくなってしまいます。 そこで、今回の記事では…。 埋め込んだYouTube動画をCSSでレスポンシブ対応にする方法について書いてみようと思います。 ちょっといじるだけですので簡単ですよ。 YouTube動画の埋め込みをレスポンシブ対応にする方法(シンプル編) YouTube動画の埋め込みをレスポンシブ対応にする方法(完全対応編) YouTube動画の埋め込みテスト ひとこと YouTube動画の埋め込みをレスポンシブ対応にする方法(シンプル編) 最もシンプルにYouTube動画をレスポンシブ対応にするには
GitHub Universe
It’s a new age for GitHub. Join our CEO Thomas Dohmke and special guests for a stirring, high velocity keynote as we fundamentally redefine what it means to be a software development platform in the age of AI. While a lot of the talk around AI in 2023 has been about possibilities, the world’s adoption of GitHub Copilot has become a reality. Millions of developers and tens of thousands of organizat
『はてなブログをはじめよう！』がいつの間にか強制挿入されている件。せめて仕様変更の際にはアナウンスしてほしいなと思います。 - SONOTA
いつから挿入されていたのかはわかりませんが、はてなブログに『はてなブログをはじめよう！』というブログ広告がいつの間にか挿入されるようになってました。 下記は私が運営している「クレジットカードの読みもの」というサイトに挿入されいたもの。私は月会費をちゃんと払っているはてなブログPROなんですが、どうやら無料会員だけでなくPRO会員にも強制的に挿入されているようです。 他、参考までに有名ブログに挿入されている例も紹介しておきます。 今日はヒトデ祭りだぞ！ ゆとりずむ 鈴木です。別館 はてなブログ運営者には見えない： ではなぜここまでこの問題が騒がれていないのか…というと、これは『はてなブログをはじめよう！』という欄ははてなブログ開設者には見えないため。 要するにはてなブロガーがログインしている状況下では表示されないので、気付いていないブロガーのほうが圧倒的に多いのではないかと思うのです。 はて
CXを紐解き、顧客目線のアイデアを刺激するメディア｜CX Clip by KARTE
株式会社プレイドは、CXプラットフォーム「KARTE」ご利用企業のCX（顧客体験）向上事例や、CXに関連する国内外のマーケティング事例を独自の視点で切り取り、発信していく場として「CX Clip」を運営しております。少しでも多くの企業で顧客体験への理解が深まり、顧客目線の発想やアイデアが世の中にあふれ、その先のお客様一人ひとりが嬉しさ・楽しさを感じられる世界を目指しています。
クックパッドのデザイナーが語る、サービスデザインでハマりやすい3つの落とし穴。倉光美和が対策を公開！ | キャリアハック（CAREER HACK）
サービスデザインで陥りやすい３つの落とし穴｜クックパッド ※2017年6月に開催された「UX Failcon 〜先人たちの偉大な失敗と成功〜」よりレポート記事をお届けします。 271万品のレシピが投稿され、月間6000万人以上に利用されている料理レシピサービス「クックパッド」。同サービスのデザイナーとして、iOS/Androidのアプリの改善や新機能の開発を行っている倉光美和氏からは「サービスデザインでハマりやすい落とし穴」について語られた。 クックパッドにおけるサービスデザインは、“仮説を立てて、開発を実行し、ユーザー検証を行う”というサイクルで行っていく。倉光氏によれば、「仮説・実行・検証」という3つのフェーズごとに、それぞれ落とし穴が存在するという。 ※（レシピ数は2017年7月時点、利用者数は2017年3月時点の数字） 1. 理想の体験がユーザー視点でうまく定義できていない 仮説を
インフォグラフィック「データで振り返るKARTEの1年」 | CX（顧客体験）プラットフォーム KARTE（カルテ）
インフォグラフィック 「データで振り返るKARTEの1年」 （2020年6月22日追記）導入企業数は当時提供していたベーシックプランを元に算出しており、 2020年6月現在のKARTEの導入企業社数とは異なります。
ずっと使える、デザインの基本まとめました。【2020年改訂版】
「デザイン」に対して興味のあるすべての人を対象に、いつまでも長く利用できるデザインの基礎テクニックを、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基本から、サンプル例を見ながら理解できる、より実践的なデザインテクニックまで幅広く網羅しています。
素早く確実にWEBデザインをするための手順
新人から「どうやってデザインをしていいか、わからない」という声をよく聞きます。 私も新人の頃、他にデザイナーがいなかったので、 どのような手順でデザインすればいいか、わかりませんでした。 また、自分のやり方が正しいのか不安でした。 今までの経験から、ある程度、素早くデザインするための、 私なりのコツはつかめましたので書いてみたいと思います。 一つの例として参考になればと思います。 はじめに 今回は、カンプ用のデザイン、グラフィックとしてデザインの手順です。 まず、私が求められているスキルとして ・スピード ・クオリティの安定感 があります。 クライアントの求めるデザイン傾向として ・わかりやすい ・一般受けする があります。 また、私は奇抜なデザインや、先進的なデザインをするタイプではありませんし、アーティスティックなタイプでもありません。 どちらかと言えば、定番のデザインをきっちりしてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe XDのシンボルの使い方：9つの基本機能 - Adobe Blog
移動しました - SmartHR Tech Blog
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
