タグ

designに関するdeeekiのブックマーク (284)

  • ミニマルやシンプルなデザインの参考になりそうな名刺いろいろ

    ちょっと調べ物をしたついでにメモ。 シンプルなデザインの名刺や、ミニ マルなデザインの名刺の例です。 インスピレーション用として残したい ので記事にします。多数あるのです が、特に気になった名刺デザインを 40ほどご紹介します。 という訳で、シンプルデザイン、ミニマルデザインの名刺デザイン例。使用されているロゴがシンプルだから名刺もシンプルになってるだけのような気もしないでもないですが、それはとりあえず気にしないようにしました。順不同です。 Lappin Properties モノグラムなロゴを背景にも並べています。 Lappin Properties papirus 裏表で反転。 papirus Novia 24pt インパクトと色合いが素敵。 Novia 24pt GS Stirling 好みのデザイン。素材も良さそうですね。 GS Stirling T&T 厚さをやや多めに取って色付

    ミニマルやシンプルなデザインの参考になりそうな名刺いろいろ
  • 井上のきあさんによる「同じデザインで名刺をPhotoshopとIllustratorで作って作業を比較してみる」Tips

    出力すると同じものではありますが、PhotoshopとIllustratorとではどのように作業の違いがあるのかを デザイナーの井上のきあさんが実際に作成しながら解説してくださっています。 両方のツールの初心者さんや、どちらかを購入しようと思っている方にも有用な情報ではないでしょうか。 位置揃えやトンボの設定など、知ってて得するチョイ技も貴重です。

    井上のきあさんによる「同じデザインで名刺をPhotoshopとIllustratorで作って作業を比較してみる」Tips
  • 海外Webサイト・海外Web屋の特徴

    2013年3月23日 Web関連記事, 海外情報 以前「日向けのウェブデザインというのはあるのか?」という記事を読み、「逆に海外のサイトは具体的にどう違うかなあ?」と思ったので、私が感じた海外のWeb業界やサイトの違いを並べてみます。海外向けのWebサイト制作を考えている方、海外で働こうと思っている方の参考になればと思います! ↑私が10年以上利用している会計ソフト! 追記:ここで紹介する「海外」とは、私が滞在・就労経験のあるカナダとオーストラリアを指しています。 海外Webサイトの特徴 URLを直接入力 日ではURLバーに直接入力する人は少ないかと思われますが、海外では目的のブランド名がわかっている場合、とりあえず「.com」をつけてWebサイトを開きます。海外で .com が人気な理由はこのへんにありそうです。そのため、新たに会社やサービスを立ち上げるときは、そのブランド名とドメイ

    海外Webサイト・海外Web屋の特徴
  • [Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary

    これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版(MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う)の仕事をしていて、見出しは言うまでもなく、文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み

    [Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
  • Webデザイナー(私)によるDTPデザイン注意書き:Webと紙の違い

    Webデザイナーのみなさん、DTP デザインってどうですか?私は DTP デザインが苦手なんですけど、Webデザイナーをしていると、たまに印刷物のデザインを頼まれることがあります ...。そんな時のことを考えながら書いた覚え書きです。 私は Webデザイナーですが、よくフライヤーや名刺、たまにポスターなんかの紙媒体のデザインを頼まれます。私は DTP について勉強した訳ではないし、教わったこともないので紙媒体は苦手です。私の周りの Webデザイナーさんたちは、「Web も紙も一緒だよー」という人もいますが、私はちょっと違う部分もあるかなと思っています。 今日は苦手を克服するために、私なりの Web と紙の違い、DTP での注意点を整理しておこうと思います。ここで言う紙、紙面は私の仕事の範疇である名刺やフライヤー、ポスターなどに限ります。また、In Design とか、Illustrator

  • Webデザインをする上で「必ず」知っておくべきこと! | マイペースクリエイターのお仕事日記―フォックス株式会社制作部のブログ

    今回は2日連続の勉強会参加でした。 10/16(土)、Web制作に関わる方のためのセミナーイベント「CSS Nite」の久々の名古屋開催である『CSS Nite in NAGOYA, Vol.5』に参加してきました。 「初心者向け」をうたっているセミナーでしたが、ある程度経験を積んだ人でも聞きごたえのあるトピックばかりで、大変有意義な時間でした。 (後輩君も誘えば良かったと少々後悔しています。) 今回はセッションが3つありましたので、私の感想も3回に分けて書きたいと思います。 1つ目のセッションは、(株)マールの増田 悟さんによる「Webデザインに関わって行くために注意すべきポイント」。 Webデザインの初心者さんがぜひとも知っておかないといけない内容を、分かりやすく説明してくださいました。かいつまんでまとめます。 Webデザインをするうえで、まず知っておくべきこと Webデザインには、

  • 日本向けのウェブデザインというのはあるのか? – 秋元

    進出に興味のある海外企業や外国人から質問されることがあるので、まとめてみたいと思います。 僕はウェブデザイナーじゃないので、プロの方から補足や突っ込みがいただければとても嬉しいです。 [更新 2011-02-01] コメント・ツイッター・はてブからの意見を反映させました。 ある程度まとまったら英語にしてAsiajinにも書こうかと思います。 日向けにウェブサイトを作るときに特別しないといけないことはあるのか? 「メニューの文字をGoogle Translateで全部日語に置き換えたけど、これでいいかな? 他にすることある?」 – 機械翻訳は使い物にならない 英語-フランス語、とか英語-スペイン語、のノリで機械翻訳を使っても、あなたが想像するレベルの日語には決してならない # 英語に再機械翻訳してのチェックは必須だが、それでも日語訳のおかしさが見えてこないケースもある – フォン

  • テーマカラー1色をメインに用いたWebサイト50

    2018年10月11日 Webデザイン, インスピレーション, 色彩 前回の記事「WebデザイナーにおすすめのEvernote活用術」で紹介したように、私はEvernoteに素敵なデザインをストックする際、使われているテーマカラー別にタグをつけて分類しています。気がつけば各色のデザインストックが増えてきたので、その中でも厳選した5サイト×10色の合計50サイトを紹介します。単色をデザインに使う時のポイントも一緒に読んでみてくださいね! ↑私が10年以上利用している会計ソフト! 追記:リンク切れサイトを削除したため、数が減ってます… テーマカラーをメインに取り入れる時のポイント 「配色に自信がなくても!Webデザインが好きになる配色ツールと使い方」でも紹介したとおり、きれいな配色でもベタ塗りしただけではデザインの魅力が半減してしまいます。特に今回のようにテーマカラーを使う面積が広ければ広いほ

    テーマカラー1色をメインに用いたWebサイト50
  • Webデザイナー必読?!著作権について知っておくべき10のこと - kojika17

    Webデザインに限らず、制作したものに発生する「著作権」を知っておかないと、トラブルの元になるかもしれません。 特にWebデザインの場合は写真、文章、素材。 場合により動画など多岐の著作物を扱う場合が多々あります。 自分の頭の整理のためにも、Webデザイナー、ディレクターが知っておくべき著作権のことについて、まとめてみました。 1、著作権の基礎知識 著作権とは、知的財産権の一つです。 日の著作権は「無方式主義」と呼ばれる方式で、制作物を制作すると自動的に著作権が発生します。 この時、著作者人格権と**著作権(著作財産権)**に分かれます。 「著作者人格権」と「著作権(著作財産権)」について 著作者人格権 簡単に言えば「制作者」 公表の時の手段、方法を決定できる権利です。 法律上、制作者の同意がなければ公表できません。 著作権(著作財産権) Webデザイナーにとっては、Webサイトなど制作

    Webデザイナー必読?!著作権について知っておくべき10のこと - kojika17
  • デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則

    このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古いですが、とっても素晴らしいで今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ

  • https://raksul.com/magazine/wp-content/uploads/2015/02/150212_tokushu_lp_03.png

  • HTML5とCSS3を使ってスマートフォン向けサイトを構築 - iPhone版Yahoo!JAPANトップの開発事例紹介

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

  • Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト

    タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) <前へ 次へ>(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308

  • 商用利用無料! 毛筆・筆文字、ペン字、マジック、手書きの日本語フリーフォント 総まとめ

    毛筆や筆で書かれたようなフリーフォント、ペンや鉛筆で書かれたようなフリーフォント、マジックやクレヨンや太ペンで書かれたようなフリーフォントを紹介します。 走り書き、かわいい手書き、達筆なフォント、いっぱい揃っています。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌でも幅広く利用できる日語のフリーフォントです!

    商用利用無料! 毛筆・筆文字、ペン字、マジック、手書きの日本語フリーフォント 総まとめ
  • 初心者ディレクターが気をつける10のこと/在宅でライターの仕事ができる「nanapiワークス」をリリースしました - iGirl

    【2020年12月追記:nanapiもnanapiワークスも役目を終えられまして、サービスクローズしています。関わって、育ててくださったすべての方に感謝します】 ■ これまでのあらすじ(読み飛ばし可) わたしは約1年前(2009年夏)から(株)ロケットスタートの nanapi という How to サイト運営に携わっています。(参照:(株)ロケットスタートで働くことになりました) 2010年3月、正式にフルコミットすることになり、東京へ引っ越してきました(単身赴任)。 そしてこの度、新サービス「nanapiワークス」のディレクションを1からやるという大役を任していただけました。 ■ 「在宅でライターの仕事をするサイト|nanapiワークス」 をリリースしました nanapiワークスとは、nanapiに配信される記事を書き、採用されるとポイントが付与されるサービスです。(ポイントは現金とか商

    初心者ディレクターが気をつける10のこと/在宅でライターの仕事ができる「nanapiワークス」をリリースしました - iGirl
  • ドコモ絵文字をwebUIから入力! - emoji.js

    絵文字の枠はドラッグで動くよ!!クリア Copyright ©www.sj6.org

  • FlashとjQuery どちらで実装するか決める際の重要なファクター

    ウェブサイトを構築する際、FlashとjQueryは非常に魅力的なツールです。コンテンツを実装する際にどちらを使用すべきか迷うこともあると思います。 両方の特徴を把握し、実装する際に適切に選択するための重要なファクターを紹介します。 A Closer Look at Choosing Between Flash and jQuery 下記は各ポイントを意訳したものです。 はじめに 1. FlashとjQuery どちらにするか重要なファクター 2. jQueryとFlashサイトのショーケース まとめ はじめに HTML5の登場により、それがFlashを破るか否かに関わらずこれらはウェブコミュニティで議論の的でした。この議論が活発に行われる中、Flash vs. JavaScriptの話題は少し失われていました。 ここではJavaScriptの中から特に人気の高い「jQuery」をとりあげ

  • 商用サイトで使える無料の写真素材サイト 厳選まとめ | 日刊ウェブログ式

    @Lynnwest-Stock 商用利用可能なフリーの写真素材を配布しているサイトを厳選してまとめてみました。サイトによっては、画像ごとにライセンスが違うものもありますので、都度ご確認ください。 2011.11.07 PAKUTASO/ぱくたそ、Luc Viatour追加しました。 2013.04.10 Pixabay 追加しました。 2014.03.27 PhotoMarche 追加しました。 フォトマルシェ クオリティ抜群の無料写真素材サイト。商用可。要会員登録 Official Site 写真素材 足成 無料では貴重な人物写真素材を多く配布するサイト。商用可 Official Site 【フリー写真素材】モデル・人物の写真素材はモデルピース モデルの人物写真素材の配布サイト。無料、クレジット表記不要、商用利用可。 Official Site PAKUTASO/ぱくたそ 珍しい日人女

  • コーディング前に確認しておきたいこと。 - CSS HappyLife

    CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。 制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう?ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは毎回違っていたり、当然ディレクションをする人も違うので最初に確認しておきたい事が有ったりします。 って事で、その辺りをまとめてみたり、デザインを渡されたときにこのデザインの意図は?って思う事とかもばーっと書いてみます。はい。 なので、デザイナーさんもコーダーにデザインを渡すときに気をつけて欲しい点とかもわかってしまうすばらしい内容(だと良いな)! じゃあまずは最初に確認しておきたい基的なことか

    コーディング前に確認しておきたいこと。 - CSS HappyLife
  • Fonts2u.com

    ダウンロードしたファイルを解凍する。 プラットフォームによって: Windows 10 / 8 / 7 / Vista :フォントファイルを右クリックし、「インストール」を選択する。 Mac OS X:フォントファイルをダブルクリックし、「フォントをインストールする」を選択する。 Linuxフォントファイルを/USR/SHARE/FONTSにコピーする。 Fonts2u.comで利用可能なフォントは、GNU/GPL、フリーウェア、個人利用に限り無料、ドネーションウェア、シェアウェア、あるいはデモです。ライセンスタイプは明示されていますが、混乱を避けるため、それぞれのフォントの詳細に示されている情報を読むことで必ず再確認してください。

    Fonts2u.com