ドットインストール代表のライフハックブログ
2013年7月8日 フリーランス, 便利ツール, 名刺 以前も「印象に残る名刺の作り方」などで名刺デザインについて触れたのですが、「こんな名刺はどこで印刷してもらえるの?」という質問をいくつか頂いたので、今さらながらまとめてみました。和紙や木目の素材、透明な名刺や型押し加工など、思い通りのデザインが実現できるかも!オンラインで注文できるので、気軽に利用してみてください! ↑私が10年以上利用している会計ソフト! データ入稿ガイド 今回紹介する印刷会社さんはすべてデータ入稿可能です。どの会社もデータ入稿専用のテンプレートが用意されているので、ダウンロードしてデザインします。用紙やオプション加工によってテンプレートが異なる場合があるので注意。データの種類や対応バージョンも事前によく読んでおきましょう。また、どの会社も用紙やオプション加工の無料サンプルを注文できるので、デザインし始める前に質感な
名刺デザインはできるだけシンプルにまとめたいという場合に最適なのが、白と黒のモノクロにしてしまうという方法。たった2色のように感じますが、リアルの印刷物である名刺の場合、インクや紙、印刷方法や加工などによって多種多様な雰囲気にすることが可能です。 Neat and Cool Collection of Black and White Business Cards http://naldzgraphics.net/inspirations/neat-and-cool-collection-of-black-and-white-business-cards/ 01.Aeris Network - Business Card by ~simonbouchard on deviantART 02.Black Inc free business card by *robbythedesigner o
最近、白黒カラーベースのサイトを 作成したのですが、その際に色々と 参考にしたアイコンやバナーなど のWeb素材やインスピレーション 向上の為のWebデザイン例に なりそうなサイトをまとめておきます。 結局アイコン等は使わなかったんですが、また作る時の備忘録としてメモ&シェアしたいと思います。ライセンスはそれぞれご確認を。多少重いかもしれません。アイコン、ボタンやバナー、その他の素材、ギャラリーと続きます。 アイコン白黒やグレーのアイコンいろいろ。 40 greyscale icons グレースケールアイコンパック。 40 greyscale icons twotiny 白黒のミニアイコンが沢山。 twotiny 165 vector icons 165のうち、66が白黒のアイコン。 165 vector icons bwpx.icns かなりの数の白抜きミニアイコンが揃っています。 bw
2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト
divで実装したパネルの四隅を1px欠けにして、角をすっきりみせるスタイルシートをonderhond.comから紹介します。
テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。 Make yourself an Amazing Typographic Portrait An Interesting Gr
ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。
携帯、モバイルサイトの デザインってどうなってるのか 少し興味が沸いたのでモバイル サイトのキャプチャを取って アーカイブとしてまとめている モバイルデザインアーカイブさん から15のモバイルサイトで好きな デザインを15個厳選しました。 個人的なギャラリーとなっていますが、共感して頂ければ幸いです。キャンペーンサイトのデザインなどもあるので現在は確認出来ない事もあります。 FAT ONLINE SHOPPING 余計な情報を入れず、一番伝えたい事は画像にしてTOP絵にしています。 FAT ONLINE SHOPPING AEON Lake Town シンプルですが、画面の小さいモバイルサイトで情報を絞り込むのはかなりいいのでは。Flashで操作も軽快でした。 AEON Lake Town MOS BURGER モスバーガーのモバイルサイト、凄くいいですね。メニューも見やすいし、色使いもか
cssが苦手で嫌いなので 好きになろうと思い、勉強に なりそうなサイトを国内外で 選んで絞ってみました。 同じ思いをしている方とシェア したいと思ったので記事にします。 リファレンスサイトは今回は割愛しました。勉強するなら抑えて当たり前ですしね。国内外合わせて11サイトとおまけが1サイトあります。まずは国内サイトから。 CSS HappyLife 個人的に国内でcssといえばCSS HappyLifeさん思い出します。基本から応用まで幅広く情報を配信。 CSS HappyLife CSS-EBLOG ほぼcss中心に情報を配信してくれています。こちらもかなり勉強になるサイト。サイト自体も見やすいですし、cssで困った時には必ず訪れたいサイトです。 CSS-EBLOG CSS Lecture cssで出来るテクニックを公開してくれています。デモページを用意してくれるのが凄く嬉しい。親切で分か
ウェブをはじめ、印刷やTシャツなどに無料で利用できる高品質なフリーのデザインフォントをFontfabricから紹介します。
エントリ元がリンク切れしています。Googleのキャッシュ等を参照してみてください 類似のエントリ:これは押したい!というボタンを作成するチュートリアル集 ボタン作りにもう手間はかからないPhotoshopのボタン素材150がまとまっています。 知っておけば、ちょっと凝ったようなボタンも一瞬で作れるのでデザインの効率を上げられるでしょう。 Glossy Button DifferentButtons Set Button.PSD Carbon Button リンク先は以下のエントリを参照してください。 150 Free PSD Buttons For Every Day Use | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net
テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。 3D Typography Add Fantastic Color to 3D Text – Part I Add Fanta
登壇のきっかけ 2019年9月28日に札幌で開催された SaCSS vol.106 で私が登壇していたところを 視聴されていた JaSST北海道 実行委員の なかくきさんから 今年の3月にお声がけいただきました。 (関連記事:SaCSS vol.106 登壇レポート「お任せではなく 一緒に作るUIデザイン」) 事例発表の内容 SaCSS vol.106でのスライド内容より もう少し具体的にワークショップの進め方を説明したり ワークショップを体験したお客様の声を盛り込んだり 私のトーク後に行うワークショップのための、 心準備するための内容にしました。 要約すると 「プロジェクト初期の打ち合わせが肝心なので、 その時間を有意義にするために、 私たちはワークショップ的な打ち合わせをしている」 発表を終えて イケてるUIデザインにするためのノウハウを期待されてた方がいたら ガッカリされたかもしれな
アナログ系プログラミングでいこう ♯3 鈴木教久(paperboy&co.) バックナンバーこんにちは。paperboy&co.の鈴木です。 1月ももう終わり。お正月のオフモードから、すっかりいつもの制作モードへと気持ちはシフトしてらっしゃるかと思いますが、いかがお過ごしですか。プログラミングを使って、デザイナーとの連携を深めていく、このコラム。第3回目のテーマは「アルファチャネル透過PNG画像」です。 Webサイトで半透明の画像が使える!? プログラマーの方はあまり意識することがないかもしれませんが、Webデザイナーは誰でも一度は、「あぁ、背景画像に半透明なドロップシャドウをのせらることができたらいいのになぁ…」と願うものなのです。 ご存じの通り、HTMLページにおいては、透過する画像は「透過GIF」のみというのが常識。半透明の表現は不可能とされてきました。けれども、実はアルファチャネ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く