タグ

designに関するa-dachのブックマーク (235)

  • 【画像】歴史的大敗から一夜、ブラジル国内紙の一面が切ない。。。[ブラジル紙一面まとめ] : Samurai GOAL

    7月10 【画像】歴史的大敗から一夜、ブラジル国内紙の一面が切ない。。。[ブラジル紙一面まとめ] カテゴリ:画像 1: 名無しのSamurai 歴史的大敗から一夜、ブラジルサッカーの再生を訴える国内紙 http://www.afpbb.com/articles/-/3020143?pid=14021288&utm_source=yahoo&utm_medium=news&utm_campaign=txt_link_Thu_p1 【7月10日 AFP】サッカーW杯ブラジル大会(2014 World Cup)準決勝でドイツ歴史的大敗を喫してから一夜明けた9日、ブラジル各紙は「屈辱」の責任はルイス・フェリペ・スコラーリ(Luiz Felipe Scolari)監督にあると非難し、国民的スポーツの「再生」を訴えた。 日刊紙グロボ(O Globo)は、この試合でゲームキャプテンを務めたダビド・ルイ

    【画像】歴史的大敗から一夜、ブラジル国内紙の一面が切ない。。。[ブラジル紙一面まとめ] : Samurai GOAL
  • 配色に役立つ11のサイト

    WEBデザインを行う上で重要なファクターの一つである配色:カラーリング。ロゴやブランドイメージなどから導きだすケースが多いと思うが、困ってしまうのは明確なイメージがなく、キーカラーが決まらないとか、キーカラーとの組み合わせがイマイチしっくりこないなど、配色で頭を悩ませることは結構あるのではないだろうか。 そこで今回は、そういう時に役立ちそうな10サイトを紹介したい。各サイト共に試してみたが、思わぬ組み合わせや自分では積極的に使わない色や自分の好き嫌いを再確認できて結構面白い。こういったサイトを活用して効率化を図ったり、新境地を開いてみてはいかがでしょうか。

    配色に役立つ11のサイト
  • 0から学ぶアプリの配色 - Rejasupoem

    当方Androidエンジニアをしておりますが、プライベートでアプリを作るとき、画像リソースについてはAndroid組み込みのものを使ったり、Fontawesomeを使ったり、フリー素材を使ったりしています。 しかし配色はインターネットに落ちていなくて、自分でやるとイマイチで、いい感じにしたいという気持ちがありました。 そこで、調べたり試行錯誤をして知見が得られたので、配色に悩むエンジニアのために共有します。 3行まとめ デザインはセンスで行うものではなくロジックで成り立ってる、つまり努力でなんとかできる Color Scheme Designer 3 便利 配色を学ぶのには下のスライドが一番分かりやすかった 色彩センスのいらない配色講座 from Mariko Yamaguchi STEP 1. 対象に興味を持つ 〜〜で必要だから勉強しなければって始めてたものが長く続いたことがないので、

  • 美しい無料UIエレメント素材35個まとめPhotoshopVIP |

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

    美しい無料UIエレメント素材35個まとめPhotoshopVIP |
  • (追記あり)グラフィックデザイン勉強したい人は「グラフィック・デザイン 究極のリファレンス」読むのがおすすめ - MEMOGRAPHIX

    何が良いかグラフィックデザイン、良いものをたくさん見るとすばやく覚えられる。このはグラフィックデザインの歴史を1冊にまとめている大変力技というか意欲的ななのだけど、グラフィックデザインのほぼ全ての領域に言及していて、万遍なく良い作品を大量に見れる。 歴史というと小難しいイメージだけど、このは図鑑っぽい雰囲気で、パラパラ眺めるだけでも楽しい。デザイン史に残るような重要な作品を、まとめて一気に見れるのが良い。比較的最近のなので、新しめのもバランスよく載ってる。サンプル(出版社のサイトから引用)見るとわかるけど解説もやたら詳細で、これ作るのめちゃくちゃ大変だったと思う。 手に持った感じもずっしりして良いし、実際350ページくらいあってお得。これ4,000円くらいで買った気がするのでそれを考えてもお得すぎると思う。

    (追記あり)グラフィックデザイン勉強したい人は「グラフィック・デザイン 究極のリファレンス」読むのがおすすめ - MEMOGRAPHIX
  • 【デザインまとめ】綺麗なデザインの管理画面 40種類

    今日は管理画面のデザインを、まとめてみました。いつもより多めな40種類です。トレンドを反映してか、フラットデザインが多いですね。 通常の静的なサイトのデザインとは異なり、投稿がある場合無い場合とたくさんのパターンを考えながら制作しなければならないので、デザイン力が問われます。これらを日語に置き換えるとまた違って見えたりするのですが、ひとまず、ご参考になればと思います。 ▼ The Kamarel デモサイト ▼ Apricot Bootstrap デモサイト ▼ The Vira デモサイト ▼ Cameo デモサイト ▼ DefOne デモサイト ▼ Pixit デモサイト ▼ AdminEx デモサイト ▼ Odin デモサイト ▼ Minimal デモサイト ▼ Delighted Flat デモサイト ▼ Tisa Premium デモサイト ▼ Adminre デモサイト ▼

    【デザインまとめ】綺麗なデザインの管理画面 40種類
  • ウェブデザイナーにお勧め!フォントやタイポグラフィの知識・テクニックを学ぶまとめ | コリス

    前の会社では新人ウェブデザイナーが必ずやっていたことの一つに、文字詰め1,000ノックがありました。1,000は大げさな数字ではなく、実際にはそれ以上の数をこなしていたと思います。 ウェブデザインのUI/UXにおいてタイポグラフィは重要な存在で、特にミニマルやフラットなどはタイポグラフィが非常に重要な役目を担っています。 フォントやタイポグラフィの知識を深め、テクニックを身につけるのに役立つ情報をまとめました。

  • デザインの役割からみる「トーン」と「マナー」

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

    デザインの役割からみる「トーン」と「マナー」
  • Loading...

    Loading...
  • 【プレゼン】見やすいプレゼン資料の作り方【初心者用】

    プレゼンテーションのスライド資料を作る上で押さえておきたい基をまとめました. 多分これがslideshare内で一番役に立つと思います. スライドの作り方を学んだことがない方、参考にどうぞ! 2016.01.22 書籍発売 好評につき重版決定!! http://book.impress.co.jp/books/1114101129 リニューアル増量版 http://www.slideshare.net/yutamorishige50/ss-41321443 2014.11.9アップロード! 【連絡先等】 Yuta Morishige Webサイト: https://mocks.jp/ ※旧タイトル 【プレゼン】研究室発表のプレゼン資料の作り方【初心者用】Read less

    【プレゼン】見やすいプレゼン資料の作り方【初心者用】
  • 大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX

    いい感じのスライド、作るのむずいので、大体いい感じになるKeynoteテンプレート作った。ここからダウンロードできる。 Azusa - 大体いい感じになるKeynoteテンプレート解説サンプルも兼ねた解説スライド作った。 Introducing Azusa // Speaker Deckだいたいスライドに書いたけど要約すると下記のようなことを考えた。 スライド作るの難しい色とか難しいかっこよくしたいAzusaっていうのを作ったAzusaは、大体いい感じになるKeynoteテンプレートです Azusaの特徴大体いい感じになるカラースキーム大体いい感じになるフォント大体いい感じになるマスタースライド色カラースキーム考えた 白っぽい色(白っぽいクリーム色とか白っぽいねずみ色) 黒っぽい色(赤っぽい黒とか青っぽい黒とかそういうの) 緑とか青とかピンクとかのアクセントカラー1色 原色すぎないほうがイ

    大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX
  • 理系にも分かるイラストの描き方

    ちょっとしたイラストが描けたらなぁ。なんて思うこと多いですが、デジタルならではの方法で簡単に描く方法が公開されていたので、簡単ですが訳したいと思います。詳細はオリジナル記事であるHow to Draw Cute Thingsを御覧ください。 最初に好きなネコとかハムスターとかナマケモノなどの動物の画像を用意する。基的に何でも良いけど、慣れるまではモフモフ系がやりやすいみたい。トカゲとか蛇はむずい。 選んだ動物を円の集合にする 円じゃなく三角や四角を使ってもよい。動物をシンプルにする工程。画像ソフトのシェイプから選んでね。 できた形の輪郭を描く 必要のない線を消す。余裕あったら脇の下を細めたり足の重なりを上手に書いたりしてみる。 全体のバランスを変形してかわいくする 頭大きくしたり、胴体縮めたり、太らせたりしてかわいくする。ここはセンス。 可愛さは目に宿る 目が一番大事。サンプルを参考に。

    理系にも分かるイラストの描き方
  • http://plginrt-project.com/adb/?p=25142

    http://plginrt-project.com/adb/?p=25142
  • デザインの科学『インタフェースデザインの心理学』

    「ファミコン『ドラゴンクエストIV』のパッケージイラストの主役が、一番小さく描かれているのに、最初に目に入ってくるのはなぜか」 これについて、中村佑介氏の解説が目鱗だ→【イラストの見栄えが良くなる】中村佑介先生の公開講座が凄い!。来は目立たせたいもの(主役)を大きく描くのが原則だが、彩度とコントラストを増やすことで、見やすい画面作りをしているという。 だが、もう一つ、このデザインには「主役」を主役たらしめるテクニックがある。それは以下の通り。 1. 人は、人の顔に一番興味を持つ 2. 人は、画面の中で、顔を最初に見る 3. 人は、画面の顔の視線の先に注意を向ける この原則を知ったのが、書だ。人はどのように認知し、判断し、行動し、そしてエラーを引き起こすのかについて、ウェブやアプリのデザイナー向けに、「100の指針」という形でまとめたもの。 「嘘のレベルは伝達手段で変わる」や、「読むと理

    デザインの科学『インタフェースデザインの心理学』
  • ドラゴンボールの左と右と読みやすさの秘密

    ※2014/03/17追記:巻末にオマケを追加 先日、Twitter漫画のイマジナリーラインについて話題になった。 【イマジナリーライン】を超えたマンガは最悪なのか http://togetter.com/li/641095 その中で、自分もドラゴンボールのワンシーンを画像としてTwitterに投稿し、その画像を起点に色々な議論が交わされていくのを非常に興味深く読んだ。そこで思い出したんだけど、自分もドラゴンボールの左と右に関する記事を書いてる途中だった。 というわけで、話題がホットなうちに公開しようと思い急遽書き上げたのでお読みください。(書くこと多すぎて旬を過ぎた感は否めないけど、イマジナリーラインとは直接関係ない話だし、ね!) キャラ位置が頻繁に入れ替わるのに読みやすい まずはこの画像を見ていただきたい。自分がTwitterに投稿して議論になったドラゴンボールのワンシーン。 2コマ

    ドラゴンボールの左と右と読みやすさの秘密
  • デザインする上で大切にしていること - デザイナーのイラストノート

    デザインしてますか?spicagraphです。ふだんツールに関する記事を書いたり、Twitterでつぶやいたりしていると「こいつ見た目のことばっかりやな」と思われそうで、めずらしくデザインするとき大切にしていることについて書きます。わたしの仕事は主にEC、LP、プロモーション、コーポレートサイトなので、UI/UXみたいなかっこいい話でないことは前置きしておきます(でもだいじなおしごとだよ!) デザインは誰のため? 大前提として、わたしは誰に向かってデザインしているのか。 わたしはフリーランス仕事をしているため「お客さん」がたくさんいます。仕事をくれた制作会社のディレクターさん、クライアント、ユーザーです。webサイトの「お客さん」はユーザーですが、ユーザーだけがいいと思うものだけが良いデザインだとは思いません。 webサイトは更新されていくものです、多くの場合はクライアントによって。とい

    デザインする上で大切にしていること - デザイナーのイラストノート
  • 【追記あり】【初心者】デザインってなんだ?「デザイン」の概念と、4つの基本原則を知ろう | WP-E (仮)

    みなさんこんにちは!無事大学の卒業が確定して一安心のmegです。今回は初心者向けの記事としてデザインの基についてまとめてみました。デザインに興味はあるけれど何を勉強すればよいのか分からない方、これからデザインについて学ぼうと思っている方の参考になれば幸いです♪ 目次 デザインとは何か 「デザイン」という言葉の意味 ソール・バスとスティーブ・ジョブズの言葉 デザインの4つの基原則を知る ‐『ノンデザイナーズ・デザインブック』より 近接 整列 反復 コントラスト まとめ – 【2014年3月9日18時27分「概念とテクニックは繋がっている」を追記しました】 1、デザインとは何か 1-1、「デザイン」という言葉の意味 皆さんは「デザイン」と聞くとどんなことをイメージしますか?オシャレなこと?洗練されていること?私たちはなんとなく見た目が美しいことや、ぱっと目を引くものなどを想像しがちですが、

    【追記あり】【初心者】デザインってなんだ?「デザイン」の概念と、4つの基本原則を知ろう | WP-E (仮)
  • 分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司

    ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/344/room ーーーーーーーーーーーーーーーーーーーーーーーRead less

    分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
  • 2013年に話題になったデザインに関する「考え方」が変わる記事14選

    デザインをしつづけていると、たまに柔軟に考えられなかったり、自分のデザインに対して疑問を感じるときがありませんか? そういうときは一度、初心にかえってデザインに関して考え方を見直したり、インスピレーションを刺激することも大切です。 また、デザイン思考を身につけるためにも、常日頃から考え続けることも重要です。 今回は、過去に話題になり、読むだけでデザインに関する「考え方」が深まる14個の記事をご紹介します。 デザインに対する考え方が変わる・深まる記事 これはウェブページです。 ウェブデザインの質は、言葉です。 ウェブで一番強力な道具は、今も昔も言葉だということを、思い出させてもらいました。 ▷これはウェブページです。 選ばれるウェブデザインとは 9つの基的なルールと感情に訴えるデザインについて詳しく書かれています。 サイトの使いやすさだけでなく「ユーザーがそのサイトにどんな感情を抱くか」

    2013年に話題になったデザインに関する「考え方」が変わる記事14選
  • 女性誌にみる女性向けデザインを研究したまとめ

    どうも、シンプルやかっこいいWebデザインよりも甘いガーリーテイストのWebデザインが好きなガリザワです。 女性向けのデザインをする時に、女性ファッション誌を参考にすることがあります。しかし一概に女性ファッション誌と言っても数多くありその発行されている雑誌の種類は100種類もあります。そんな中で、主な女性ファッション誌の傾向とデザインの分析をまとめてみました。 女性ファッション誌エディトリアルデザインに学ぶ 女性ファッション誌には、WEBデザインには無い女性デザインの雰囲気を感じれる、WEBサイトではあまり見かけないようなデザインパーツなんかも数多くあるので、デザインをするときに参考にしている。 特に女性向けのデザインをするときに、ターゲット層が細かく分けられており、そのターゲット層にあったデザインをする必要がある。その上でターゲット層に合った雑誌の傾向をまとめてみた。 (伊藤忠ファッショ

    女性誌にみる女性向けデザインを研究したまとめ