happywebdesignerのブックマーク (111)

  • The Blog | Welcome to Adobe Blog

    The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

    The Blog | Welcome to Adobe Blog
  • デザインが楽しくなる、すごいフリーフォント56個まとめ 2017年3月度

    シンプルで長く愛用できる書体から、トレンドの手書きやブラシをつかったレトロモダン書体、人気の高い筆記体やナチュラル系などデザインの幅が広がる最新フリーフォント素材を集めています。 高品質な素材のみを厳選しているので、入力した文字にフォントを適用するだけで、ガラリと雰囲気を変え、デザインを魅力的に仕上げることができます。デザインアイデアに困ったときにも、参考として目を通してみると良いでしょう。 商用可!手書きでナチュラルな無料フォント140個まとめ 2021年完全版(和 / 英文対応) デザインが楽しくなる、高品質な無料フリーフォント素材まとめ 2017年3月度 Aquatuco 全体的に丸みを帯びたフォルムが柔らかい印象に見せるフリーフォント。 ※ 個人、商用利用可能 Zwiss Typeface 定番フォント Helvetica のスタイルを反映させた、どんなデザインにも使える万能フォン

    デザインが楽しくなる、すごいフリーフォント56個まとめ 2017年3月度
  • Photoshopの使い方を知ろう!参考にしたい新作チュートリアル、作り方46選まとめ 2017年春

    Photoshopの使い方を学ぶのに適した、最新のデザインチュートリアルをまとめています。ステップごとにツールの使い方を覚えることで、より実践的なデザイン表現が可能になります。 今回は最近公開されたばかりのチュートリアルを中心に、Photoshopでの作業効率をアップしてくれる基テクニックから、プロ顔負けのデザイン裏技など高品質な作品をまとめてご紹介します。お好みのデザインエフェクトを見つけて、今後の制作プロジェクトに活かしてみてはいかがでしょう。 やってみたかった表現をマスター!基礎力をつけるPhotoshopチュートリアル30個まとめ Photoshopの使い方を知ろう!参考にしたい新作チュートリアル、作り方まとめ 深海の美しい景色をデザインする方法 フィルタ機能や調整レイヤー、スマートオブジェクトなどを利用して作成する、これぞPhotoshopな合成テクニック。 光の軌跡が美しいタ

    Photoshopの使い方を知ろう!参考にしたい新作チュートリアル、作り方46選まとめ 2017年春
  • CodePenで公開されている、CSSでエフェクトやアニメーションを付けたいときに参考になるデモ 15 - NxWorld

    ホバーやクリックした際の動きを中心に、CodePenで公開されているCSSを使ってちょっとしたエフェクトやアニメーションを付けたいときに参考になりそうなデモを紹介します。 いずれも目新しい感じのものではないのですがひと通りの動きがまとめられているデモが多めなので、エフェクトをどんな感じにするか悩むことが多い人はこういったものをメモしておくのがおすすめです。 CodePenで公開されているので実際の動きやコードを見るだけでなく、それらをベースに自分好みに変更して動きを確認したりも容易にできます。 また、例えばクライアントなどからアニメーションを付けたいというざっくりな要望があったときなどにも、こういったものを利用することで大体のイメージをお互い認識できたりするのに利用できそうですね。 紹介しているものはホバーやクリック時のエフェクトが主になるので確認はPC推奨です。 Stacked Card

    CodePenで公開されている、CSSでエフェクトやアニメーションを付けたいときに参考になるデモ 15 - NxWorld
  • dunnnk.com - dunnnk リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    dunnnk.com - dunnnk リソースおよび情報
  • ブラック企業の辞め方はこれ。辞めたくても辞められない時は逃げてしまえ!正攻法で辞められなかった私がとった最終手段 | 自分の心を殺してはいけない| Gallup認定ストレングスコーチしずかみちこブログ

    事前の準備 社長が怒鳴りつけているときに「お前はクビだ!」と失言したら、カバン一つ持って逃げ出そうと考えていたので、その瞬間が来たときための事前の準備はしていた。 準備というのはこの2つだ。 ・引継ぎ資料を作っておく ・文房具類は失ってもいいもののみ持ち込む 引継ぎ資料を作っておく 私の場合、同じ仕事をしている人が他にいなかったので、自分がやっている全作業の手順をある程度エクセルにまとめていた。 社長が日報やマニュアルや規則集といった資料を社員に作らせるのが好きだったので、辞めるとなったら「マニュアルが完成するまで辞めるな」と言われるのが目に見えていたからだ。 私は用意したが、引継ぎ資料がなくても逃げ出すことはできる。 これを作成するために逃げ出すのが遅れるくらいなら、一刻でも早く逃げ出したほうがいい。 文房具類は失ってもいいもののみ持ち込む 社長が「クビ!」や「顔も見たくない」などの発言

    ブラック企業の辞め方はこれ。辞めたくても辞められない時は逃げてしまえ!正攻法で辞められなかった私がとった最終手段 | 自分の心を殺してはいけない| Gallup認定ストレングスコーチしずかみちこブログ
  • 資生堂CM「セクハラ」とTwitterで批判受け差し替えを検討 「インテグレート」シリーズで

    「セクハラでは」などの疑問の声がTwitter上などで上がっていた資生堂「インテグレート」のCMシリーズについて、資生堂は10月7日、ハフポスト日版の取材に対して、差し替えを検討していることを明らかにした。「CMの制作意図が十分に伝わらなかったため」と理由を話している。

    資生堂CM「セクハラ」とTwitterで批判受け差し替えを検討 「インテグレート」シリーズで
    happywebdesigner
    happywebdesigner 2016/10/07
    企業側と一般女性となんだかズレがある気がする。企業のイメージ押し付け?もいいけどもっと一般的によりそったほうがよかったのかもね。あとこんなんでクレームなんて!というのもわかるけどおっさんがいっても・・
  • BLOGOS サービス終了のお知らせ

    平素は株式会社ライブドアのサービスを ご利用いただきありがとうございます。 提言型ニュースサイト「BLOGOS」は、 2022年5月31日をもちまして、 サービスの提供を終了いたしました。 一部のオリジナル記事につきましては、 livedoorニュース内の 「BLOGOSの記事一覧」からご覧いただけます。 長らくご利用いただき、ありがとうございました。 サービス終了に関するお問い合わせは、 下記までお願いいたします。 お問い合わせ

    BLOGOS サービス終了のお知らせ
  • 【わかりやすく解説】UXデザインの基本と主要概念 デザイン会社 ビートラックス: ブログ

    そもそもUXとは?なぜUXデザインが必要なのか?UXUIの関係性UXデザインが目指すべきところUXが重要であることは、近年の議論からすでに認識されている方も多いことだろう。 しかし、UXデザインの定義や位置付けはとても曖昧で、人によって捉え方は様々なのではないだろうか。 筆者自身、これまでのプロジェクトを通して様々なバックグラウンドを持った人がUXという言葉を使っているのを目の当たりにし、その度に認識のズレを感じている。 結論から話すと、UXデザインについて定義することよりも、この言葉が世間でどのような使われ方をしているのかを知ることのほうが重要である。 今回は弊社の提供するイノベーションプログラムやデザインプロジェクトを通して蓄積した経験から「UXとは何か」といった捉え方や基的な概念部分、そして「なぜUXを考える必要があるのか?」にフォーカスし、いくつかの観点をまとめて紹介する。 一

    【わかりやすく解説】UXデザインの基本と主要概念 デザイン会社 ビートラックス: ブログ
  • Webデザインの没個性化と認知容易性 | ベイジの社長ブログ

    Webサイトのデザインは紙のデザインと異なり、技術的な制約が強く、特に最近は様々な環境(デバイス、ブラウザ、画面サイズ、屋内・屋外など)での閲覧に対応できることを求められます。そのため、戦略から要件、コンテンツ、機能と論理的にデザインを決めていくと、どこかで見たことあるような没個性なデザインになりやすいものです。(注:ここでいうデザインは視覚的なデザインを指します) マルチデバイス、マルチブラウザが進み、レスポンシブWebも選択肢の一つとして一般化した昨今では、Webデザインの没個性化はますます進んだ印象があります。例えば、Googleが公開しているマテリアルデザインのガイドラインを見ても、デザインのパターン化と属人性排除の思想を如実に感じることができます。また、データドリヴンなサイト改善を積極的に行っていくと、「デザインの個性」と成果に大した因果関係がないことを痛感します。 没個性なデザ

    Webデザインの没個性化と認知容易性 | ベイジの社長ブログ
    happywebdesigner
    happywebdesigner 2016/08/25
    ありそうでなかった良い記事だ。みんなに読んで欲しいと思う。
  • 文字数カウント

    ■全角・半角共に1文字として換算した文字数 ■全角=1文字、半角=0.5文字として換算した文字数 ■全角・半角共に1文字として換算した文字数(空白は除く) ■全角=1文字、半角=0.5文字として換算した文字数(空白は除く) ■行数 ■全角・半角共に1文字として換算した文字数 全角文字・半角文字共に1文字として換算した文字数が表示されます。改行は数えません。 ■全角=1文字、半角=0.5文字として換算した文字数 全角文字を1文字、半角文字を0.5文字として換算した文字数が表示されます。改行は数えません。 ■全角・半角共に1文字として換算した文字数(空白は除く) 改行文字と空白文字(全角半角空白)を除いた全角文字・半角文字共に1文字として換算した文字数が表示されます。 ■全角=1文字、半角=0.5文字として換算した文字数(空白は除く) 改行文字と空白文字(全角半角空白)を除いた全角文字を1文字

    文字数カウント
  • The Blog | Welcome to Adobe Blog

    The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

    The Blog | Welcome to Adobe Blog
  • 16種類(45カテゴリ)の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選(スライド付)

    2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今

    16種類(45カテゴリ)の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選(スライド付)
  • ユーザーの気持ちを考えてデザインをするために大切なこと - クックパッド開発者ブログ

    こんにちは。クックパッド ダイエットのデザイナーの新です。 クックパッド ダイエットでは、「正しくべてやせる」をコンセプトに銀座と代々木にある店舗でのダイエット指導と、ダイエット情報を毎日配信するメディアサイトの運営を管理栄養士と一緒に行っており、私はデザインやコーディングを担当しています。 今回は新規コンテンツを作る中で、ユーザーの声をどのようにデザインに反映していくかというお話をさせていただきます。 どんな気持ちでダイエットラボを利用している? クックパッド ダイエットは、ユーザーの約85%が女性で、年齢でいうとメディアの方は20代〜40代と幅広く、店舗の方は40代の方を中心にご利用いただいています。 サイトや店舗ユーザーの目的の多くは“ダイエット”ですが、店舗にいる管理栄養士を通して「歳を重ねるごとに痩せにくくなって困っている」「体調が良くないので改善したい」という、より具体的な

    ユーザーの気持ちを考えてデザインをするために大切なこと - クックパッド開発者ブログ
    happywebdesigner
    happywebdesigner 2016/08/02
    イラストでも写真でも、実際よりすこし若く見えるほうが感情移入しやすい傾向がある
  • 画像をSVGのベクターデータに変換できるサイト「PicSVG」!

    こんにちは。 今回は画像をSVGのベクターデータに変換できるサイト「PicSVG」!です。 JPEG、GIF、PNGの画像をSVGのベクターデータに変換してくれるWebサービスを紹介します。 ※当サイトはアフィリエイト広告を利用していますが、当サイトが独自に作成した記事であり、第三者から依頼を受けたものではありません。

    画像をSVGのベクターデータに変換できるサイト「PicSVG」!
  • 【CTR300%アップ!】シェア数でお悩みの方は必読!SNSボタンを改修したらアクション率が3倍になった事例

    変更前の合計アクション率が0.29%なのに対し、変更後は1.19%と、約3倍の差がついています。 特に顕著に伸びたのが「LINE」と「Pocket」で、変更前の10倍近いシェア数を示しました。 「シェアする」ボタン表示の場合、「シェアする」をタップし、表示されたSNSボタンの中から好きなものを選ぶ、という流れになりますがが、改修後の場合は「シェアする」ボタンをタップするアクションを省略することができます。 その1アクションを省略するだけで、ユーザー行動は大きく変わるようです。 前回の事例記事でも解説しましたが、*「ひと目でSNSボタンが認識できる」*状態にしておくことが重要です。 「お気に入り」ボタンについては、SNSボタンの表示を優先し、上部にずらしてみましたが結果、使用数は約3倍増加しました。 p O �U

    【CTR300%アップ!】シェア数でお悩みの方は必読!SNSボタンを改修したらアクション率が3倍になった事例
  • 【データ公開】スマホページのシェアボタン表示を変えたらシェア数が50%以下になった事例

    この記事は2015年4月17日に公開された記事を再編集しています。 ferretでは、ユーザーの皆様が使いやすいサイトになるよう日々細かな改善を行っています。 改善を繰り返していくなかで、思わぬ結果が出てしまうこともあります。 直近では、スマートフォン版ferretのシェアボタン表示を変更してA/Bテストを行ったところ、両者のシェア数に大きな差が生じました。 今回は、そのテスト内容と結果をご紹介します。 テストを実施した背景 ferret内には、会員登録すると利用できる「お気に入り」というブックマーク機能があります。 スマートフォン版では「お気に入り」ボタンはページの最下部に設置されているので気づかれにくいのではないかと考え、「お気に入り」をページ上部に自然と配置して利用率をあげようというのが今回のテストの狙いでした。 テスト内容:スマホページのシェアボタン表示を変更 ferretのスマホ

    【データ公開】スマホページのシェアボタン表示を変えたらシェア数が50%以下になった事例
  • Web担当者なら知っておきたい、スマホ画面チェックツール5選

    ferret編集部:2014年10月9日に公開された記事を再編集しています。 スマートフォンからのアクセスが伸びていませんか? 今後もますます広がると見られるスマートフォン。その見え方をあなたはチェックしたことがありますか?制作業者まかせになっていませんでしょうか。 記事では、パソコンからスマートフォンでの見え方をチェックする方法やツールを紹介します。ぜひ、自分にあったものを見つけて、定期的にチェックしてください。 <目次> ・MacならSafariでチェックできる ・WindowsであればChromeで簡単!擬似スマホチェック ・開発環境を持っている人はシミュレーターも ・ショートカットを作っておくと便利! ・クラウドで実機テスト! ・実際の端末を手にしてテスト 1. Safari開発メニュー ふだんMacを使っている人ならば、Safariの標準機能でスマホでのデザインチェックが簡単に

    Web担当者なら知っておきたい、スマホ画面チェックツール5選
  • ■公開資料

    2010年9月15~18日にドイツのDagstulで行われたUXセミナーの成果をまとめたものです。 様々な解釈で語られていたUXについて、共通の認識を形成すべく、専門家(研究者、実務家)30名が「UXの概念」について議論しました。 その成果は、2011年2月に「ALL ABOUT UX」というサイトで公開されました。 原文の公開場所はこちら(https://experienceresearchsociety.org/wp-content/uploads/2023/01/UX-WhitePaper.pdf)です。(2023年2月修正) UX白書の日語訳は、hcdvalue有志が日語訳・校正したものです。 ページは、そのUX白書を人間中心設計推進機構の校閲を経て、日語公式訳として公開するものです。

  • 【解決編】Retina対応のPhotoshopとかで画像が1/2サイズで表示されて困ってたらこうした方がいいよってみんなに教えてもらった話 - akuyan to

    みんなのやさしさで目から汁があふれて画面が見えない…。 今朝方、ここ半年ぐらいずっと困ってたことを改めてブログにして吐き出したのがこちら。 それが世間の皆様の心あたたかいご助言により、めでたく解決したので感謝と感謝と感謝の意をこめて、他の困ってる方々にもお伝えするべく、教えてもらった内容以下にすべてまとめます。 第1希望の「AdobeだけRetina切る方法」 困ってますエントリーの希望としてあげさせてもらった第1希望「AdobeだけRetina切る方法」を、そのものズバリ教えてくださったのはこちらの方。 高橋としゆき(@gautt) Finderの[情報を見る]で[低解像度で開く]にチェックを入れておけばいいのでは https://twitter.com/gautt/statuses/449434490176143360 はてなダイアリーだとツイート埋め込めないんだね… 高橋としゆき (

    【解決編】Retina対応のPhotoshopとかで画像が1/2サイズで表示されて困ってたらこうした方がいいよってみんなに教えてもらった話 - akuyan to
    happywebdesigner
    happywebdesigner 2016/05/20
    200%とか無理。ありがとうありがとう。 CCデビュー最近だったのでびっくりしたwww