デザに関するshinpieceのブックマーク (96)

  • 好きなの選んで!書いたらすぐにデジタルデータ化できるノートとペンをまとめました

    どうも、やなぎさわです。「はっ!」とひらめいたアイデアやデザインが、ノートに書くだけでデジタルデータ化されたら最高だと思いませんか? 今回はそんな方のために、書いた物をデジタルデータ化してくれる文具がいろいろあったのでご紹介します。 以前、話題になったものから最新のものまで、独断と偏見でまとめてみました。 Adobe製品を使っている人は必須アイテム間違い無し! Moleskine Smart Notebook, Creative Cloud connected ノートメーカーで有名な「Moleskine(モレスキン)」から「Adobe Creative Cloud」のソフトに対応したノートが発売されます。 ノートに書いたイラストやデザインが、PhotoshopやIllustratorに適したデータに変換されるすごいアイテム! iOS対応のアプリでそのノートに書いたものを写真を撮るだけで、自

    好きなの選んで!書いたらすぐにデジタルデータ化できるノートとペンをまとめました
    shinpiece
    shinpiece 2014/12/04
    描いたものがデータ化できるツール まとめ 全部欲しい
  • あなたのインスピレーションが刺激されるであろう9つのWebサイト

    こんにちは。 今回は、何かを制作する際に、アイデアのヒントになったりインスピレーションを刺激されるサイトを9つほどご紹介します。 The Book Cover Archive 世界のの装丁をアーカイブしたサイト。 の表紙からは、インスピレーションを受けることが多いです。 → The Book Cover Archive Ads of the World 世界の広告デザインをアーカイブしたサイトです。 地域、国別、業種、広告媒体別に分かれていて、様々なデザインに触れることができます。 → Ads of the World motions アイコンやインフォグラフィックなどのアニメーションの動きを、アーカイブしたギャラリーサイトです。 キャッチコピーは、あなたに「気持ちいい動き」のインスピレーションを。 → motions 404design 「404 not found」のページを集めた

    あなたのインスピレーションが刺激されるであろう9つのWebサイト
    shinpiece
    shinpiece 2014/12/01
    インスピレーション まとめ
  • 『デザイン関連のおすすめブログ記事16選』

    はじめまして。 アメーバ事業部キュレーション事業部の渡邊 (@mnemoniqs) です。 デザイナーとして、Spotlight・Recolle・GAMYなどの主にバイラルメディアの制作を担当しております。 デザイナーは日々インプット!ってことで、これは特にいいな~って思ったデザインに関するブログ記事をいくつかまとめてみました。 知っている記事もあると思いますが、もし新しい発見や出会いがあれば。

    『デザイン関連のおすすめブログ記事16選』
    shinpiece
    shinpiece 2014/10/09
    デザイン関連 記事 まとめ
  • 2014年8月の、これだけは押さえておきたいWeb関連の動き

    「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン関係 コーディングを考慮したWebデザインガイドライン Webデザイン用の Photoshop の基設定、1px 未満のにじみを発生させない、共通モジュールの外部ファイル化など、コーディングしやすいWebデザインカンプを Photoshop で制作する方法について。 Photoshopでバナー “いい感じ” に制作せよ! Photoshop でバナーを作る時の環境設定やテキストツールの使い方など。 このブログの [Webデザイン] 文字組みについて気出して考えてみた も紹介されていました。 DTP→Webデザイナー転向時に、これやったら捗ったよリスト13 | 279-design DTP(

    2014年8月の、これだけは押さえておきたいWeb関連の動き
    shinpiece
    shinpiece 2014/09/04
    フォトショップ 使い方 ショートカット
  • ほんのひととき

    ほんのひととき
    shinpiece
    shinpiece 2014/08/28
    パララックス たて よこ ななめ
  • センス上がった!タイプ別に分けたWebデザインの参考になるサイトまとめ

    作成:2014/06/30 更新:2014/11/01 Webデザイン > サイトのデザインセンス、または操作性などが良いのか悪いのかわからない。 オシャレで洗練されたデザインにするため、少しでもセンスを上げるために色々なサイトをチェックしておきたい。 今回はただWebデザインギャラリーサイトを紹介するのではなく、ページ別・職種・動き・制作別など「サイト制作時に役立つ」くくりでまとめました。コーポレートサイトやECサイト・自社サービスのデザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 1.グラデーション+フラットデザイン 2.ダッシュボードの配色例 3.高級感を出す配色 ページ別 4.採用ページ 5.404ページ 職種別 6.和菓子系(不足の美) 7.女性向け(エディトリアルデザイン) 8.医療系 9

    センス上がった!タイプ別に分けたWebデザインの参考になるサイトまとめ
    shinpiece
    shinpiece 2014/06/30
    タイプ別 デザイン
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    shinpiece
    shinpiece 2014/06/13
    メインビジュアル 効果的 まとめ
  • みんなで作るWEBデザイン参考集「ブックマ!」

    感性を刺激するWebデザインギャラリー<bookma!>

    みんなで作るWEBデザイン参考集「ブックマ!」
    shinpiece
    shinpiece 2014/06/12
    まとめ
  • Long shadow generator

    About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-

    Long shadow generator
    shinpiece
    shinpiece 2014/06/09
    ロングシャドウ デモ
  • ウェブ制作のフローが劇的に変わる!『Avocode』ベータ版を使ってみました | コリス

    PNG Hat, CSS Hatなど、ウェブ制作に役立つツールを数多く開発しているMadeBySourceから、更に強力なツール『Avocode』がリリースされます! 正式版のリリースはまだ先ですが、中の人からプライベートベータ版をいただいたので、さっそくそのレビューをお届けします。 プロダクトキーは複数あるので、レビューを見て興味をもっていただいた方は、明日か明後日に募集するのでお楽しみに。 Avocode Avocodeは簡単に言うと、PSDのプレビューと書き出しをPhotoshop無しで行うもので、書き出しは.png, .jpgの画像だけでなく、SVGへの書き出し、CSSへの書き出しにも対応しています。 画像のスライスやスタイルシートのコーディング作業を大幅に強化する感じです。 僕もまだ使って間もないのですが、Avocodeの画面を見ながらレビューします。 と、その前に、動画がアップ

    shinpiece
    shinpiece 2014/06/09
    Avocode
  • お探しのページが見つかりません - Schoo(スクー)

    shinpiece
    shinpiece 2014/06/09
    勉強 基礎
  • スクロールやクリックした際に、おおっ!と思わせるクリエイティブな7つのエフェクトがかっこいいっ!

    ユーザーがページを表示し、スクロールやボタンをクリックした際に、おおっ!と思わせるクリエイティブなエフェクトを7つ紹介します。 Inspiration for article intro effects 7つのエフェクトをアニメーションgifにしてみました。 ページはフルスクリーンサイズの画像が最初に表示され、そこをスクロールボタンクリックでさまざまなエフェクトがおきます。派手すぎず、センスあるかっこいいエフェクトばかりです! 各エフェクトのソースは上記ページからまとめてダウンロードできます。

    shinpiece
    shinpiece 2014/05/27
    エフェクト
  • Colordot - A color picker for humans

    How toBack & Forth for Hue Up & Down for Lightness Scroll for Saturation

    shinpiece
    shinpiece 2014/05/20
    カラーパレット
  • データでみるエネルギー | みるみるわかるEnergy | SBエナジー

    出典:資源エネルギー庁 「令和元年度エネルギーに関する年次報告」(エネルギー白書2020)/BP「Statistical Review of World Energy 2018」 世界のエネルギー消費量(一次エネルギー)は、経済成長とともに増加を続け、1970年には約50億toe(原油換算トン、tonne of oil equivalent)だったものが、2000年には約93億toeとなり、2018年には約140億toeと、約50年間でエネルギー消費量は、約2.8倍近くまでに増えています。 特に、世界のどの地域でエネルギー消費量が増えているのかというと、先進国(OECD諸国)よりも、経済成長や人口増加の著しい中国やインドといったアジア大洋州地域で、急速に増加しています。これらの地域では、1970年から2018年の約50年間でエネルギー消費量は、約8.5倍近くまでに増えました。 アジア大洋州

    データでみるエネルギー | みるみるわかるEnergy | SBエナジー
    shinpiece
    shinpiece 2014/05/07
    レスポンシブ 動き JS CSS グラフ ナビゲーション 用語辞典
  • ニチユー株式会社

    Welcome to official site of Nichiyu Co.,Ltd. www.nichiyu.net 2-4-2 Ubase Asakusabasi 5F, Yanagibashi, Taito-Ku, Tokyo 111-0052 Tel :+81-3-6240-9839

    shinpiece
    shinpiece 2014/05/07
    TOP Facebook Twitter
  • デザインの役割からみる「トーン」と「マナー」

    こんにちは。デザイナーの山口陽一郎です。 去る2014年2月19日(水)に、株式会社パソナテック様主催のセミナー「クリエイターのためのトーン&マナー設計」にて登壇させていただきました。 皆さんは「トーン&マナー」という言葉を耳にしたことがありますか?「トンマナ」と略されることの方が多いかもしれません。その説明の前に、ちょっと寄り道をさせてください。 デザインのふたつの役割とトーン&マナーの演出 デザインには大きく分けてふたつの役割があります。 1. 機能性を高める これはユーザーにとって製品をより使いやすくしたり、誤操作の危険をなくしたり、迷わないようにサポートするための役割です。 そしてもうひとつが今回のセミナーのテーマとしてとりあげた、 2. トーン&マナーの演出 です。製品に、それが使われる場にふさわしい属性・キャラクターを付与する役割です。 たとえばレジャーグッズなら「楽しさを想起

    デザインの役割からみる「トーン」と「マナー」
    shinpiece
    shinpiece 2014/04/25
    トンマナ
  • ユニークな「ページの先頭へ」や「ページトップ」の実装例 10 - NxWorld

    そのページの先頭へ移動する要素として設置しているところも多い「ページの先頭へ」や「ページトップ」がユニークなサイトのショーケースです。 コーポレートサイトのような堅めのデザインをする場合は凝り過ぎると浮いてしまう場合があるのでシンプルなものを使用することが多いと思いますが、ちょっとしたキャンペーンページやイラストをふんだんに使っているようなサイトであれば、こういった細かいところにも動きを付けてあげると遊び心があって面白いですね。 April 19, 2014 追記 @OZPAさんから教えていただいたものを含め、他にもユニークなものがあると教えていただいた3サイトを新たに追加しました。 株式会社LIG [リグ] 注意:効果音が出ます 「ページの先頭へ」や「ページトップ」の要素がどうののレベルではなく、クリック後の動作など全体的に非常にユニークで、むしろこだわり過ぎと思うくらい凝ってます。 少

    ユニークな「ページの先頭へ」や「ページトップ」の実装例 10 - NxWorld
    shinpiece
    shinpiece 2014/04/18
    ページトップへ おもしろ ユニーク
  • Webデザインブックマークサイト・Webデザインリンク集 .SG_BOOKMARK

    Webデザインブックマークサイト Webデザインリンク集の.SG_BOOKMARKは、デザイン性の高い洗練されたWebサイトを集めたリンク集です。webデザインの参考に活用ください。

    shinpiece
    shinpiece 2014/04/03
    まとめ
  • straightline bookmark | Web design bookmarking

    Ttersへようこそ! 「Tters(ッターズ)」は、自分に合った〇〇ッターを作成し、フォローして自由につぶやける匿名SNSです。 匿名だからこそ、人間関係のストレスやプレッシャーとは無縁で、自分らしく自然体でありながら自己表現が可能な空間を提供しています。 初めての方は、当サービスの代表的なタイムライン「みんなのッター」にて、思いの丈をつぶやいてみてください。ユーザー登録は必要ありません。 まずは挨拶してみよう この表示は一度つぶやくと消えます。

    straightline bookmark | Web design bookmarking
    shinpiece
    shinpiece 2014/04/03
    まとめ
  • S5-Style

    宇都宮勝晃、尾花大輔、菅野友香、久野遥子、中村勇吾がウェブデザインに寄せる思いとは?発想の源も いまやウェブサイトは、私たちの暮らしに欠かせない存在になっています。インターネットの広大な海には無数のサイトが存在し、それらは、ウェブデザイナーやフォトグラファー、イラストレーターたちの手によって構築されています。そういったクリエイターたちの活動を俯瞰し、20年にわたってキュレーションしてきた「S5-Style」。ウェブデザイナーの田渕将吾さんが自身の学習の一貫として始めたそのサイトは、「すべてのクリエイティブに光を当てること」をコンセプトにリニューアルオープンしました。田渕さんは、素晴らしいデザインの集約はもちろん、それらをつくりだすデザイナーやクリエイターが交流できる場を生み出し、デザインの未来に貢献したいと語ります。さまざまなかたちでウェブサイトに携わるクリエイターたちは、何をインスピレー

    S5-Style
    shinpiece
    shinpiece 2014/04/03
    まとめ