自分の中に眠っている「クリエイティビティ」を解き放つ6つの方法
「クリエイティブ」と聞くと、はるか遠くの、難しいことのように感じる人もいるかも知れません。しかし、それぞれのジャンルで結果を残してきた偉人たちも、同じ課題に挑戦しつづけ、粘り、失敗を繰り返したあげく、やっとの思いで才能を開花させているんです。 ここでは、ライターのJames Clearさんが「Elite Daily」にまとめた、あなたの内側に眠ったクリエイティビティを解放する方法を紹介しましょう。 世界でもっとも栄誉ある賞のひとつ、ノーベル賞。このノーベル賞受賞者が人生のどのタイミングで成果を上げているか明らかにした研究がある。科学者を対象にしたそのグラフを見ると、30代後半がピークになっていて、研究者の多くが本格的に取り組むようになるのは、博士課程を卒業した20代半ば。つまり科学の世界でさえ、クリエイティブなブレイクスルーを達成するためには、10年以上取り組む必要があることになる。 また
レスポンシブデザインとは｜今更きけない基礎知識とメリット・デメリット
この記事は2016年3月27日の記事を再編集しています 多くのホームページに導入されているレスポンシブデザインですが、レスポンシブ化することによってどのようなメリット、またはデメリットが発生するか把握できていますか？ 「Googleが推奨しているから」、「流行しているから」、という単純な理由でレスポンシブデザインを導入するのではなく、長所短所を見極めたうえで、自社のホームページに最適だと判断したうえで利用するのが良いでしょう。 今回は、レスポンシブデザインのメリットとデメリットを解説します。 レスポンシブデザインとは そもそもレスポンシブデザインとは何を指すのでしょう。 Googleは、 ユーザーの デバイス（パソコン、 タブレット、モバイル、非視覚的 ブラウザ）に関係なく、同じ URL で同じ HTML コードを配信しますが、画面サイズに応じて（つまり「レスポンシブ」に）表示を変えること
最低限これだけ覚えればemmetの恩恵にあずかれるかもな考え方のヒント | バニデザノート
Emmet（旧 zen coding）を、できるだけ覚えずに入門するための、考え方を紹介します。 zen codingのときに私は一回挫折というか、面倒だなとおもって放置していた方で なんで面倒と思ったかというと、速さに気を取られて一文で（何行ものHTMLを一発で＝爆速を再現するため）長い呪文のような命令文をみて「あーだめだ」って思ったんですよね。 そのあたりも踏まえて、爆速にはならないかもしれないけど、短い文で面倒なコーディングを少しだけ楽にする基本を書いてみたいとおもいます。 Emmetは、gitのようにサーバーとつないだり、Sassのようにコンパイルの設定が不要です。 必要なのは、使っているエディタにemmetのプラグインをインストールするだけ。 Atomだと、Emmet plugin Atom editorとか、sublime text だとこのあたりの記事が役に立つのかな。 （C
「五輪エンブレム」に思う、ロゴ・エンブレムデザインとは？ - デザイナーのイラストノート
本日、2015年8月5日に行われた「五輪エンブレムについての記者会見」を拝見して、佐野研二郎さんのファンのひとりとして、デザインに携わりデザインを信じるものとして思うところがあったので書きました。記者会見の様子はこちら「五輪エンブレム問題 制作者の佐野研二郎氏が5日に会見｜BLOGOS」。 デザインは「見た目」だけではなく「問題解決」です。その中にあってロゴデザイン・エンブレムデザインというのはまた特別なもので、例えば会社のロゴ・エンブレムは、単に社名を伝える役割だけではありません。 有名なエンブレムで言うとメルセデス・ベンツやアウディは、丸や直線を組み合わせた非常にシンプルな形ですが、そこにはきちんと意味が込められています。 メルセデス・ベンツの車体に輝くエンブレムは、合併前のダイムラー社が使用していたスリーポインテッド・スターとベンツ社の円形月桂冠とを併せデザインされたもので、3点には
High Performance HTML -さまざまなデバイスに配慮されたクリーンで簡潔なHTMLの書き方
多くのWeb制作者はパフォーマンスというと、JavaScriptや画像の最適化、サーバーの設定、CSSなどのファイルの圧縮や結合を検討します。そして、Webページのコアとなる言語にも関わらず、HTMLは無視されがちです。 HTMLは単に複雑さと要素の数を減らすだけでは、パースにかかる時間をあまり改善することはできません。しかしよく作られたHTMLはページを素早くロードするための決定的な土台になり、異なるビューポートサイズに対応するレイアウトになります。 さまざまなデバイスに対して素早くロードし、うまくいくコンテンツを作ることができるクリーンで簡潔なHTMLのコードを紹介します。 High performance HTML 下記は各ポイントを意訳したものです。 著者のSam Dutton氏は、Google ChromeのDeveloper Advocateをされています。 ※当ブログでの翻訳
アイコンフォントとアクセシビリティ： ディスレクシア（失読症）向けフォントでの表示問題について
「Death to Icon Fonts（アイコンフォントに死を） 」というSeren D さんのスライドプレゼンテーションで、アイコンフォントではディスレクシア向けのフォントで問題が起こるし、他にも課題があるので使用は控えたほうが良いですよ、ということを訴えています。A List Apartブログ で紹介されていて気になったので、どんな問題が起こるのか確認してみました。 どんな問題が起こるのか 「Death to Icon Fonts 」では、ディスレクシア（日本では失読症、難読症、読字障害などと呼ばれている）向けに作られたフォント「OpenDyslexic 」で問題が起こることが紹介されていて、アイコンフォントにはその他にもアクセシビリティ上の問題がいくつかあるため、使わないほうが良いと勧めています。 これはフォントを強制的にOpenDyslexicなどのディスレクシア対応のもので表示
なぜ、ジェームス・W・ヤングの「アイデアのつくり方」はブローガーの心を鷲掴みにするのか？
なぜ、ジェームス・W・ヤングの「アイデアのつくり方」はブローガーの心を鷲掴みにするのか？2015.07.10 「自分にはセンスがない・・アイデアを次々と生み出すことができるのは、生まれつきセンスがある人だけの特権だっ！」 もし、この本を読んでしまったらそんな言い訳ができなくなってしまうので注意が必要です。 ヤングがこの本で単純明快にまとめた手法に従ってアイデアづくりに取り組めば、あなたは自分の能力と素質のすべてを最大限に生かせることになるだろう。 P.7 何度か、この本を絶賛しているブログ記事を目にすることがあり以前から興味があったのですが、「アイデアのつくり方」というタイトルを見る限り、私はデザイナーやクリエイター向けの書籍かと想像していたのですが・・ 読み進めるほどに「なるほど、コピーライターやブローガーにドンピシャな内容で、ブローガーが絶賛したくなる理由が約100ページの小さな本の中
モーダルウィンドウを考える | Accessible & Usable
公開日 : 2015年7月6日 (2024年2月12日 更新) カテゴリー : アクセシビリティ ウェブサイトのユーザーインターフェース (UI) に、「モーダルウィンドウ」と呼ばれるものがあります。ページ遷移を伴わずに、ページ上にウィンドウをオーバーレイ表示させるもので、このウィンドウが前面で開いている間は背景側にある元ページが操作対象外になることから「モーダル」という名称が付いています。実装例としては、フォーム、アラート、画像の拡大表示 (いわゆる Lightbox 系と呼ばれるもの) などが挙げられます。 モーダルウィンドウは、あるページを開いているというコンテキストを維持しつつ付加的にコンテンツの提示ができる利点がある反面、基本的なユーザビリティやアクセシビリティが欠落しているケースが多く見受けられます。以下の観点を意識しながらデザインや実装をすることで、基本的なユーザビリティやア
株式会社Go-Next | お客様にビジネスの成長と革新を
今日も生まれる感動と笑顔 お客様の事業、戦略、Webサイトの現状などを把握し、最適な施策を立案・実行します。 more info Top Message インターネットテクノロジーの需要が高まり、その必要性と可能性を感じ2005年に創業して以来、現在に至るまでステークホルダーの皆さまに支えていただきながら成長を続けてまいりました。「ITとクリエイティブのチカラで、心沸き起こるプロダクトを生み出す」ことをミッションに掲げ、さらなる充実したチカラ溢れる未来の実現を目指します。私たちの強みは、企画戦略からシステム開発、Webアプリケーション開発、クリエイティブ、コンサルティングに渡るワンストップソリューション提供とオーナーシップマインドを両立することにより、より精度の高い、顧客満足度の高いアウトプットと課題解決を達成します。また、創造性の向上、生産性の向上、コストの削減といった意識、文化を育むた
株式会社Go-Next | お客様にビジネスの成長と革新を
今日も生まれる感動と笑顔 お客様の事業、戦略、Webサイトの現状などを把握し、最適な施策を立案・実行します。 more info Top Message インターネットテクノロジーの需要が高まり、その必要性と可能性を感じ2005年に創業して以来、現在に至るまでステークホルダーの皆さまに支えていただきながら成長を続けてまいりました。「ITとクリエイティブのチカラで、心沸き起こるプロダクトを生み出す」ことをミッションに掲げ、さらなる充実したチカラ溢れる未来の実現を目指します。私たちの強みは、企画戦略からシステム開発、Webアプリケーション開発、クリエイティブ、コンサルティングに渡るワンストップソリューション提供とオーナーシップマインドを両立することにより、より精度の高い、顧客満足度の高いアウトプットと課題解決を達成します。また、創造性の向上、生産性の向上、コストの削減といった意識、文化を育むた
株式会社Go-Next | お客様にビジネスの成長と革新を
今日も生まれる感動と笑顔 お客様の事業、戦略、Webサイトの現状などを把握し、最適な施策を立案・実行します。 more info Top Message インターネットテクノロジーの需要が高まり、その必要性と可能性を感じ2005年に創業して以来、現在に至るまでステークホルダーの皆さまに支えていただきながら成長を続けてまいりました。「ITとクリエイティブのチカラで、心沸き起こるプロダクトを生み出す」ことをミッションに掲げ、さらなる充実したチカラ溢れる未来の実現を目指します。私たちの強みは、企画戦略からシステム開発、Webアプリケーション開発、クリエイティブ、コンサルティングに渡るワンストップソリューション提供とオーナーシップマインドを両立することにより、より精度の高い、顧客満足度の高いアウトプットと課題解決を達成します。また、創造性の向上、生産性の向上、コストの削減といった意識、文化を育むた
マルチデバイス対応の際に考えるべき「コンテンツ・パリティ」とは？
どんな端末でウェブサイトを閲覧しても同様のコンテンツを提供する「コンテンツ・パリティ（Content Parity）」という考え方は、マルチデバイス対応が必須になったいまのウェブ制作にとって、とても大切なものです。前回の「モバイル対応でレスポンシブWebデザインとSEOが向かう先」の後編にも関わる内容なので、今回は「コンテンツ・パリティ」についてまとめてみます。マルチデバイス対応をする際に誰もが一度は考えなければならないことです。若干いまさらな感じもしなくはないですが、何かのお役に立てば幸いです。 コンテンツ・パリティが必要な3つの理由 理由１： ユーザの一番の不満はモバイルサイトに情報が掲載されていないこと イギリスで行われた調査によると、モバイルサイトを閲覧していてユーザが一番不満に感じることは、情報や機能がモバイルサイトで見つけられないことだそうです。また、モバイルサイトに「フルサイ
デザイン批評を始めたい人のためのヒント集 : could
批評は聞くことから始まる デザインをはじめとしたクリエイティブプロセスにおいて意見交換は欠かせません。いちど自分の手から離すことで発見できることはたくさんあります。しかし「これはどうですか？」と見せるだけでは求めるフィードバックを得ることは難しいです。誰もが最初からデザインについて会話ができるわけではないので、デザインの批評（critique）の進め方に注意を払わなければいけません。 わざわざガイドラインまで作ってしまうと、かえって窮屈になってしまいます。構えて会話するより、平等にあれこれ話せるのが理想的です。そうした雰囲気をつくるために、デザインをみせるデザイナーだけが努力すれば良いというわけではありません。批評に参加するすべての方がちょっとした気遣いをすることで良し悪しを決める場から、ゴールに向かうための改善の場になります。 批評する側が気をつけること すぐリアクションしない。どのよう
デザイン作業のスピードアップ
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、ゴラクログのデザインを担当をしている鬼石広海と申します。 弊サービスは現在大幅リニューアル中ですので、UI周りはリニューアル後、又機会があればご紹介させて下さい。 今回は、駆け出しのデザイナーさん達の多くが課題にあげる、デザイン作業のスピードアップについてお話します。結論から言いますと、細部から作らずに土台作りを頑張ることが、結果的にスピードにつながるというお話です。 では実際にバナーデザインを例に紹介します。 1.構成要素を全部置く まずはプランナーやプロデューサーと話し合って決めた構成要素を、とりあえず全部キャンバスに置いてみます。
デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
コンテンツを見直すための魔法のシートが必要な理由
マーケティングとデザインの共通点 2015年6月27日大阪 Re:Creator’s Kansai 主催のイベント「基礎からきちんとマーケティング」に登壇しました。デザイナーとして働いているのでマーケティングは畑違いのように見えますが、以前からマーケティングを扱った記事をたくさん書いています。カスタマージャーニーマップのようなマーケティングの手法がデザインプロセスの一部として採用されていたり、デザイン思考がマーケティングに取り込まれているなど、共通するところが幾つかあります。 例えば UX を学んでいるうちに行動経済学に興味を持つ方もいるでしょう。行動経済学はデザインにも取り込める興味深い学問ですが、マーケッティングを深く知る上でも役立ちます。デザインとマーケティング両方に興味をもつことは、デザイナーとしてごく自然のことではないでしょうか。人のこと、市場のこと、社会のことを知らないとデザイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
