サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。 | Maka-veli.com
Webディレクターから見る、デザイナーさんなら当たり前にやってる事で 是非取り入れて欲しいという視点で書いてます。 グリッドレイアウト 目線の誘導にはグリットの設計は重要です。 Webなら特に縦位置を意識する必要があるかなと思います。 奇麗なグリッドが引かれたデザイン（線がある/ない、かかわらず） は、とても視認性が高く、目の誘導を行いやすいです。 シンメトリー 対照性なデザインは人の頭に一定のルールを認知させる事ができます。 それ故に、次のページなども惑わす事なく閲覧ができます。 また、単体的にも目線の誘導がされやすく、 かつ見た目も奇麗ですっと入ってくると思います。 アシンメトリー 逆に、ネガティブスペースを上手くつかい、 目線のジャンプ率を高くしたレイアウトも効果的です。 目的と用途で使い分けが重要かと思います。 タイポグラフィとビジュアルイメージ 和文書体、欧文書体で使い分け、
webデザインにおける視線誘導のおはなし | 07design.blog
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
https://jp.techcrunch.com/2011/05/25/20110524thriftdb-wants-to-be-the-amazon-web-services-of-search/
サイト設計をする時に覚えておきたいポストタイプの特徴などいろいろ
WordPress で Webサイトを構築する時に、設計の段階で知っておきたい投稿のタイプ（ポストタイプ）について、その特徴などをまとめてみました。とても長い記事になってしまい、うまくまとめられなかったかもしれません ... WordPress ... 奥が深いんだもん ... Webサイトを作るぞーってなってから、アップロードして公開するまでには、本当にたくさんの色んな工程がありますよね。まず発信したい情報があって、誰に見てもらいたいとか考えて、設計してデザインして、コーディングして … 。 Webサイトを作るとき、いきなりデザインやらコーディングから始めるってことはありませんよね。今回は実際にデザインを始める前の段階、サイトの設計やワイヤーフレーム作りをする段階のお話。WordPress で Webサイトを作る時に、設計の段階で知っておくといいかなーと思う、ポストタイプ（’post_t
「クリエイティブな記事」を作るための３つの条件
「クリエイティブな記事」とは一体なんだろうかと言う事について考えてみましょう。 そもそもクリエイターと呼ばれる人たちが、育み生み出す作品と言うものにはどんな共通点があるかを考えた事はありますか？ 私はデザインと同様にテキストも創造されるものだと考えています。 多くのブロガーが多くの記事を作っていると思うのですが、私も毎日大量の記事を見ているなかで、これはクリエイティブだなと感じる記事にたまに出会います。 今回はこうした記事を作るために、何が必要なのかを考えてみたいと思います。 クリエイティブを理解する ブログ記事のクリエイティブ性を問われる場合、真っ先につけられるコメントがあります。 それが 目のつけどころが違う切り口が斬新そこを突っ込むか という言葉です。 特に「切り口が素晴らしい」という言葉は日本のブロガーによく使われる褒め言葉だったりします。 切り口が素晴らしいという記事はそれこそが
直感を殺した効果測定崇拝は止めよう
宗教になった効果測定 昔、Webデザインは直感・経験・感性のみで作られていました。しかし、低価格・無料のデータ解析ツールが登場したことにより、より多くのサイトがデータ解析をサイトの成果測定に利用するようになりました。従来はページビューという大まかな数でしか価値を測定することが出来なかったわけですが、その場にいる利用者の姿も徐々に見えてくるようになりました。現在はページビューだけでなく滞在時間、訪問頻度、コンバージョンなど様々な要素を効果測定要素として取り上げるようになりましたし、それらを基に改善のプロセスが組まれるようになってきました。 ビジネスを考える上において、直感・経験・感性に行き過ぎていた従来の Web デザインは不十分な存在でした。そこで効果測定を積極的に取り入れようという動きが生まれたわけですが、今度は効果測定が『宗教化』してしまい本質を奪ってしまう場合も出て来ています。 効果
Webデザイナーが覚えておく、代表的なライセンスまとめ｜Web Design KOJIKA17
非常に緩いライセンスです。 1999年までのBSDライセンスには、初期開発者を表示する宣伝条項が含まれていました。 現在はこの宣伝条項のない新しいBSDライセンスを修正BSDライセンス (New BSD License)あるいは三条項BSDライセンス (3-clause BSD license) と呼ばれています。 BSDライセンスをベースに作成されたBSDスタイルのライセンスも多く存在します。 例として、Apache Software License, Sendmail License, PHP License, Python Licenseなど多く存在します。 三条項BSDライセンスの表記例 三条項BSDライセンスのテンプレートがありますので記載致します。 以下のような表記がある場合、三条項BSDライセンスとなります。 Copyright (c) <YEAR>, <OWNER> All
WebデザイナーにおすすめのEvernote活用術
2017年6月30日 便利ツール アイデアのメモも、画像も、音声も、とにかくなんでも保存できちゃうメモツール「Evernote」。有名すぎる便利ツールですね！逆に自由度が高すぎてどうやって使えばいいのかわからない、という方も多いと思います。今回は「Webデザイナー」をキーワードに私のEvernoteの使い方を紹介します。 ↑私が10年以上利用している会計ソフト！ Evernoteってなあに？ Evernoteの機能を簡単に説明します。 画像・音声・PDFファイルなどが保存できる アップロードできる容量は月に無料アカウント：60MB、プレミアムアカウント：1GB プレミアムアカウントは月額5ドルまたは年額45ドル ノートに対して一つだけ設定できるノートブックを大カテゴリとして使用 ノートに対して複数設定できるタグを小カテゴリとして使用 ノートブックもタグも階層化させて整理できる 携帯電話・ス
WebデザイナーにオススメのMac 厳選60個アプリ集 | Last Day. jp
今までに無料のアプリやMacのtipsを紹介してきました。今日はWebデザイン向けのアプリ60個を紹介します。 ✔すべてのMacユーザーに贈る 便利でしかも無料なMacのアプリ100個紹介 | Last Day. jp ✔これであなたもMacギークになれる 30個のハック集 | Last Day. jp ✔あまり知られていないMacの23の小ワザ集 | Last Day. jp クライアント＆プロジェクト管理 ✔Billings – クライアントの明細書等をトラックできる優れもの。 ✔iCal OSXにインストールされているMac純正アプリ。 ✔OmniPlan – 多機能なプランニングソフトウェア。洗練されたUIにガントチャート等の機能もあり。 ✔iTaskX – Microsoft Projectと連携可能な高機能ツール Mac App Storeでも購入可能です。 ✔Daylite
Webディレクターが身につけたいコミュニケーション術
Webディレクターが制作プロジェクトを進めるうえで重要なのが、スタッフとのコミュニケーションです。 クライアントとの打ち合わせに制作スタッフが同行した場合はクライアントの意向が直接伝わりますが、業務の都合などで同行できないこともあります。その場合は、ディレクターがクライアントの意向を制作スタッフへ伝える必要があります。ただし、クライアントが言ったことをそのまま伝えるだけではディレクターが存在する意味がありません。 クライアントとスタッフの間に入り、お互いの意思の疎通を手助けすることがディレクターの役目です。スタッフとのコミュニケーションにおいては、デザイナーやプログラマーといった相手の立場や職種、さらにはスキルや個性に合わせた伝え方を考えなければなりません。 スタッフに合わせた伝え方を考える たとえば、「使いやすい問い合わせフォームを制作したい」というクライアントの依頼を例に考えてみましょ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SEO検索エンジン最適化チュートリアル
河北鸿源管业集团有限公司