タグ

tutorialに関するclea0000のブックマーク (133)

  • 素晴らしいロゴをデザインするための45の法則 | CREAMU

    ロゴをデザインしたい。 そんなときにおすすめなのが、『45 Rules for Creating a Great Logo Design』。素晴らしいロゴをデザインするための45の法則だ。 以下にご紹介。 3つ以上の色を使わない。 絶対に必要というわけでないものはすべて除外する。 文字はあなたの祖母でも簡単に読めなければならない。 ロゴとはっきり認識できなければならない。 ロゴにユニークな形やレイアウトを取り入れる。 あなたの親や配偶者がデザインについて思うことを徹底的に無視する。 3人以上の人にロゴが魅力的に見えるかを確認する。 有名なロゴの要素を使ってオリジナルだと主張しない。 どんな場合でもイラスト集を使わない。 ロゴは白黒でもかっこよく見えるべき。 逆さにしても認識できること。 リサイズしても認識できること。 ロゴがアイコンやシンボル、テキストを含む場合、それぞれ良さが引き立つよう

  • ロゴマークをデザインするときの考え方

    ロゴマークとは ロゴマークははロゴの図案の部分のことです。絵や文字、抽象的な図などで作られます。シンボルマークともいわれることもあります。 ロゴの中で作成の難易度が高いのがロゴマークです。 ロゴの中で一番、伝わる効果が高いのもロゴマークです。 ロゴの構成要素の中でマークは、ブランドを早く認知させるのに優れています。形の情報は脳にインプットされやすいので、ロゴマークがあると人に覚えて貰えます。ブランドを記憶してもらうためにロゴマークは効果的です。 ロゴマークの種類 イメージを伝えるロゴマーク ブランドのコンセプトをロゴに込めたものです。ハートマークだったりすると心を大切にするブランドイメージを発信できます。業種を伝えるのもこのパターンで、歯のマークが入っていたら歯医者さんだと伝わります。飲店でも肉のマークか魚のマークかでメインに扱っている料理が分かるようにロゴマークで何のブランドなのかを伝

    ロゴマークをデザインするときの考え方
  • CSSのみで実装するボタンデザインやホバーエフェクト 20+α - NxWorld

    実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ(特にIE7・IE8など)によっては動きや見栄えが説明と異なる場合があ

    CSSのみで実装するボタンデザインやホバーエフェクト 20+α - NxWorld
  • webhako.net

    webhako.net このドメインを購入する。 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

  • 無料で使えるスライダーのWordPressプラグイン3個を比較(カルーセル)

    無料で使えるスライダーのWordPressプラグインを紹介します。 スライダー機能を利用すると、ブログの訪問者に対し、ブログのイチオシ情報を視覚的にアピールできます。 例えば、トップページに「横に動く大きなバナー画像」を設置して、そのリンクからオススメ記事や特集記事に誘導することができます。 もし、あなたが利用しているWordPressテーマにスライダーの機能が無ければ、これらのプラグインを活用しましょう。無料版の機能だけでも非常に役に立ちます。 はじめに スライダーを利用する利点 ブログの読者に対して、ブログのイチオシ情報を視覚的に知らせることができる。 ブログの読者をオススメ記事に誘導できる。 なんか動いているので、凄そうに見える。(先進性の印象を与える?) スライダーとは? スライダー(Slider)は、大きなバナー画像を横方向にスライド表示させ、ブログの訪問者に見てもらいたい情報を

    無料で使えるスライダーのWordPressプラグイン3個を比較(カルーセル)
  • Photoshopで美しい背景をつくる!グラデーションやブラーの効果的な使い方が学べるチュートリアルのまとめ

    美しいぼけやブラーを描いたり、写真の背景に目立つようテキストを磨りガラスに載せたり、モザイクやラインを使って幾何学状にしたり、美しい背景をつくるPhotoshopのチュートリアルを紹介します。 各チュートリアルは30分くらいで出来るものなので、ぜひお試しあれ。

    Photoshopで美しい背景をつくる!グラデーションやブラーの効果的な使い方が学べるチュートリアルのまとめ
  • Adobe Illustrator による名刺作成手引き|名刺印刷ならプリントショップサン

    イラストレータ新規ドキュメントファイル A4サイズを選択 [ファイル]→[新規]を選択して新規ドキュメントファイルを表示します。 名刺サイズ(91mm×55mm)よりも大きいサイズのアートボードで作りましょう。その中で名刺を作っていきます。 カラーモードはCMYKを選択。 名刺サイズ91mm×55mmの四角形を作りましょう 四角形にトンボ(トリムマーク)を作成しましょう。 四角形を選択して、[フィルタ]→[クリエイト]→[トリムマーク](CS4:[効果]→[トリムマーク]) 名刺の仕上がりの位置を示すトンボ(トリムマーク)は必ず作成しましょう。 名前や会社名、住所などの文字情報、ロゴマークを配置 作成する名刺がタテかヨコか、選ぶフォント、強調したい文字の大きさなどバランスを考えて作りましょう。

  • Learn | Adobe Creative Cloud

    Sign into Adobe Creative Cloud to access your favorite Creative Cloud apps, services, file management, and more. Log in to start creating.

  • ScaleOut | Supership

    2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 件に関する詳細は、プレスリリースをご確認ください。

    ScaleOut | Supership
  • バナーをデザインする時に役立つまとめ・記事10選

    新人がデザインの業務で頼まれることが多いのばバナー。 小さいので簡単と思われるけど、実はかなり難しく意外と制作に時間がかかるのがバナー。 小さいけど、奥が深いのがバナー。 そんなバナーを作るコツがわかる記事をご紹介! バナーの基的な考え ディレクターなら知っておきたい「バナー広告制作の基礎知識」 100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基 デザインのコツ 新人必見!倍速かつ高品質なバナーを作るためのコツを全公開します 『デザイン作業のスピードアップ』 【実例】デザイン初心者が学んだちょっとしたコツで変わる!バナーの小技 新米のwebデザイナーが作るバナー制作時のあれ、これ | ポケットラボ デザインリンク集 いろんなバナーのいいところを真似ることも重要です。 バナーデザインDB バナーデザイン専門ギャラリーサイト | レトロバナー バナーデザインギャラリー

    バナーをデザインする時に役立つまとめ・記事10選
  • FEVDES BLOG

    この記事は2013年に公開した「WEBデザインが短期間で上達した方法」の改訂版です。 デザイナーを交代してほしいと言われる 私はWebデザイナーとして20年以上の経験があります。まだまだ足りない部分が ...

    FEVDES BLOG
  • バナー制作時の文字の組み方のちょっとしたコツ

    新人の頃、 「クライアントに『自分でもつくれる』と思われたらダメ」 とよく先輩に言われていました。 クライアントから、 「自分でもパワポやエクセルで作れそう」と思われると デザイナーとして失格ということです。 新人の頃は、ついついワイヤーや原稿のパワポ通りに作ってしまいがち。 (レイアウトだけでなく、デザインさえも!) しかも、複数案をだすのができないので、一度ワイヤー通りに作ると、 それ以外のデザインを思いつかない傾向があるようです。 (いわゆるグルグルするっていうことです。) デザイン経験が多くなることで、そういうことは少なくなっていきますが、 納期は成長をまってくれません。 デザインではよく使われるパターンがあるので、 そのパターンを増やすこと、 よくいわれる「デザインの引き出し」を増やすことが近道です。 私も文字については未だに勉強中で、 実際正しいかどうかはわかりませんがいくつか

    バナー制作時の文字の組み方のちょっとしたコツ
  • イラレラボ illustrator-labo – イラレについてのシノゴノ

    Text widget These widgets are displayed because you haven't added any widgets of your own yet. You can do so at Appearance > Widgets in the WordPress settings.

  • サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ

    デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー(ディレクター、Web担当者、エンジニアなど)向けに、ユーザビリティの向上に繋がる基的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1:ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの

    サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ
  • 新着記事

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

    新着記事
  • 年末年始にWebデザインを学び直すための3つのステップ

    この記事は、以下のような方を対象にしています。 現在Webデザイン仕事にしていて、さらにデザイン力をつけたい方 今はプログラマー、ディレクター、コーダーなどデザイン以外の仕事をしていて、来年はデザインも手がけたい方 ※この記事は、2010年末に公開したものを、文章と参考サイトなどのリンク先を修正し、2019年末に再公開したものです。 私は元々Webデザイナーなのですが、デザイン以外の仕事が連続したときなどデザインスキルの低下が心配になってくるので、年末年始など時間があるときは自己流のWebデザイン勉強法をしています。 もしかしたら他の方にも役立つかなと思い、公開しました。 今回は、主にWebデザインの中でも「レイアウト」について書いています。 まずは「知る」こと 私がWebデザインについて基礎からきっちり勉強したいと思い、Webデザインスクールに見学に行ったり「Webデザイン」と名の付く

    年末年始にWebデザインを学び直すための3つのステップ
  • Webデザイナーな私の勉強方法まとめ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-

    私の勉強方法まとめてみました。 といっても 「いい情報をとりこんで、実践して、その結果をアウトプット」 をひたすらしているだけなのですが、実際にどのようなサイトやを見てインプットしているか、どんな風に実践して、何をアウトプットしているかなどまとめてみました。 インプット 情報が美しくまとまっているサイトのフィードをチェック 国内外のWeb系の情報を丁寧にまとめてくれているブログがたくさんあります。 そういうブログのフィードをチェックしています。 デザインTipsやトレンド紹介、便利なプラグイン、プログラムなど、毎日どんどん新しい情報が出てきます。 全部読んで理解してその場で実践する、というとは不可能に近いので、へー、こういうことも出来るんだー、とさらっと頭に入れて、特に気になったものだけはてなブックマークなどでタグをつけて保存したりしています。 そうしておくことで、いざ●●しないといけな

    Webデザイナーな私の勉強方法まとめ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
  • バナーデザインのコツ11選!初心者が気をつけるべきポイント、ビフォーアフターも紹介 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    はじめまして。デザイナーののっちです。 好きな業務の1つがバナー制作なのですが、最初の頃は「決められた空間に文字と画像を詰めて、さらには綺麗に見せて……」と、まるでジグソーパズルのようなあの作業にもの、すごーーく時間がかかっていました。これは新米デザイナーなら、誰でも一度は通る道だと思います。 そこで今回は、新米デザイナーが知っておきたい“美しい”バナーを“効率的”に制作するためのフローについてまとめます。 独学でつまずいていませんか? バナーデザインの作り方を効率的に学びたい、プロに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年2月に編集部が情報を更新し

    バナーデザインのコツ11選!初心者が気をつけるべきポイント、ビフォーアフターも紹介 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    clea0000
    clea0000 2014/11/27
    いい。
  • 月額課金はLTVを意識しろ−−クックパッド加藤氏が語る「プレミアムサービスをグロースハックするために必要なこと」 - BRIDGE(ブリッジ)テクノロジー&スタートアップ情報

    安定したサービスとして成長させるために、グロースハックの考えをもとに施策を打つことが大切だ。月額課金制を採用しているサービスは、いかに有料会員を日々獲得していくかを考えなければいけない。月間2000万ユーザを超え、160万以上のレシピを抱えるクックパッドは、プレミアム会員は100万人を突破し、今なお会員が増えているサービスの一つだ。同社で会員獲得のために活躍しているのが、プレミアム会員事業部部長の加藤恭輔氏だ。 同氏がMOVIDA SCHOOLで語った「プレミアムサービスをグロースハックするために必要なこと」についてまとめた。 グロースハックの「開発」と「訴求」 グロースハックの領域として、「開発」と「訴求」がある。開発は、MVP(実用最小限プロダクト)を作って価値検証を繰り返しながら、少しづつ作り上げていく。アイデアの段階から検証していき、次第にデザインやプロダクトに落とし込んでいこう。

    月額課金はLTVを意識しろ−−クックパッド加藤氏が語る「プレミアムサービスをグロースハックするために必要なこと」 - BRIDGE(ブリッジ)テクノロジー&スタートアップ情報
  • 【保存版】マーケティングに役立つ消費者心理本おすすめ17選

    Asik138 is the premier online gaming platform in Indonesia for 2024, renowned for its exceptional win rate and highest RTP (Return to Player) percentages. Our platform offers a comprehensive selection of engaging games designed to provide our users with an unparalleled gaming experience. We are committed to delivering: Highest Win Rate & RTP: Asik138 boasts the industry's leading win rate and RTP,

    【保存版】マーケティングに役立つ消費者心理本おすすめ17選