次のウェブサイトやブログを作る時に参考にしたいUIデザインのリソースのまとめBootstrap, WordPressで作られたかっこいいサイト、最近のウェブデザインのトレンドのフラット、サークル、レスポンシブ、ブラー、デザイナーが注目する今年のカラーなどのリソースをまとめました。 まずは、Bootsrapで作られたかっこいいウェブサイトをコレクションしたサイト。ぱっと見では、Bootstrapとは分からないのばかりです。
おしゃれなサイトで、気持ちを切り替えたいときに【20選】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちははじめまして、つい先日LIGに入社したあゆみです。 気づけば早くも3月も一週間が過ぎ・・・ということで、今日も思いの他ぬくぬくしていますね。ぽかぽか。 そんなわけで早速、気持ちを切り替えたくなるこの季節に触れておきたい、見た目も素敵なおっしゃれーな情報が載っているWEBサイトをいろんなジャンルから抜粋して紹介します。（おしゃれって言うのすごくこっぱずかしい） オシャレな情報盛りだくさんのWEBサイト20選 1. WIRED スタートはWIREDで。ガジェット系が強いので、LIGのブログを読んでいる方のなかにも読者という方、多いんじゃないでしょうか。雑誌も毎回切り口が思わず「いいね！」と言ってしまうような、いい目線で特集が組まれているのですが、WEBの情報量も半端ないです。毎回頭よくなった気分にさせてくれます。 2. THE PUBLIC 気になる情報やクリエイターの話を、渋谷の2
簡単に今すぐできる！WEB制作を「はじめて」する人が分かるまとめ
作成：2013/03/4 更新：2014/11/01 Web制作 > もし「全部」自分でやることになっても 一人でサクッと作れるようになりたい 今回はWeb制作や、ツール・ソフトの使い方が「簡単」に分かる、デザインが良い「マニュアル的」なサイトを抜粋しまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．Photoshop (フォトショップ) ２．Illustrator (イラストレーター) ３．Dreamweaver (ドリームウィーバー) ４．iPhone アプリ ５．Kindle 出版 ６．WordPress ７．スマートフォンサイト ８．アフィリエイト ９．アクセスアップ / ブログ １０．ライティング １１．SEO １２．プログラミング １３．html / CSS １４．Google Analytics １５．レスポンシブ Photos
視覚的に情報を伝える！実例で見るインフォグラフィックスの魅力
2015年1月21日 インスピレーション, 便利ツール インフォグラフィックスとは情報やデータをを視覚的に表現したものです。情報を素早く簡単に表現したい場面で用いられ、私たちの身の回りにある路線図や会議での資料、学校の教科書などなど、様々な形で目にする事があるかと思います。今日はそんなインフォグラフィックスに注目してみましょう！インフォグラフィックスを制作する機会がないという方でも、全体のデザインやアイコン制作、配色のアイデアになりますよ！ ↑私が10年以上利用している会計ソフト！ なんでインフォグラフィックスを使うの？ インフォグラフィックスで情報を視覚化することで、伝わりづらい数値や専門的な情報も比較的伝えやすくなります。簡単に例えると、「チョコレートを食べる量が2011年は200kgだったのが、2012年は240kgに増えました」と文章だけで説明されるより、棒グラフで推移を視覚的に見
Websites for Text and Fonts That You’d Better Add to Bookmarks
2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事？私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします！何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな！と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト！ フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ
【iPhone】UIデザイン向上をサポートをするOSS 5つ - enator's blog
2013-02-16 【iPhone】UIデザイン向上をサポートをするOSS 5つ iOSオープンソースライブラリ徹底活用作者: 菊田剛出版社/メーカー: 秀和システム発売日: 2012/12メディア: 単行本 クリック: 6回この商品を含むブログ (1件) を見る書き終えて、なんとなくタイトルに少し違和感が。。。日々色々なアプリがリリースされていますが、様々なアプリUIを提供してくれます。 中には、ClearやPathのような奇抜(というと言い過ぎ？)なUIなものもあれば、標準UIコンポーネントから構築されたアプリまで、様々です。ただ、ある著名なアプリや、これは便利！というようなUIというのは自然と広まり スタンダードになっていく傾向もあります。例えば、下にぐいっとひっぱって更新。 元々どのアプリで実装されたものかわかりませんが、TwitterやFacebookなどでも実装され
簡単で便利すぎ！WEB制作を「楽」にする無料ツールまとめ
作成：2013/01/28 更新：2014/11/01 Tool > Webサービス フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．フォント ２．画像編集 ３．ロゴ作成 / ネタ ４．配色 ５．HTML5 ６．CSS ７．ブラウザチェック ８．エディター ９．アフィリエイトリンク作成 １０．フォーム作成 １．フォント PCにインストールされているフォント一覧をプレビュー Font picker イラスト等に使われているフォントを調べる WhatTheFont Windows上のテキストをくっきり、見やすく表示。 gdipp - ｋ本的に無料ソフト・フリー
泣けるほど簡単！おしゃれなサイトができるWEBサービス１０選
作成：2012/12/25 更新：2014/11/01 Webサービス > ちょこちょこっと触っただけで、プロっぽいサイトが無料で作れる 今回はブログじゃないサイトをドラッグ＆ドロップで簡単に作成出来る2012年までに話題となったサービスを用途ごとにまとめました。 使い方をどこよりも詳しく解説してあるサイトのURLもつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．まとめサイトを作る ２．ネットショップを作る ３．ホームページを作る ４．ポートフォリオサイトを作る ５．おしゃれなECサイトを作る ６．全部入り企業サイトを作る ７．コーポレートサイトを作る ８．レスポンシブ対応サイトを作る ９．HTML5サイトを作る １０．ビジネス用無料WordPressテーマ - レスポンシブ対応 １１．デザイナー向けポートフォリオページ １２．ブートストラッ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
iPhone/iPadアプリデザインで使っているツール
企画やらUIを考えるツール iPhone Idea Sheet（PDF） 三階ラボさんのアイデアシート（PDF）。 iPhoneの枠だけじゃなく、ナビゲーションバーやタブバー、ステータスバーが書きやすいように、うっすら線が入っていてGOOD。 印刷して何枚か持ち歩いている。何か作りたいなーどうかなーと思ったら、手書きでワーっと書く。このシート自体が美しいので、いいもの作れそうな気がしてくる。 紙なので、対面でのブレストやら打ち合わせしながら書き込みやすい。 Cacoo（Web） UIの構想がまとまってきたら、Cacooで清書してチームで共有。 iPhoneの各パーツのステンシルが揃っているので、きれいに、わかりやすく作れる。SkypeミーティングのときにみんなでCacoo触りながら話したりとかしている。 Interface HD（iPad App） iPad上で、iOSパーツを組み合わせて
初めてのiPhone・Andoroidアプリデザイン制作時に、チェックした書籍やサイト色々 – devolen
初めてのiPhone・Andoroidアプリデザイン制作時に、チェックした書籍やサイト(UIパーツやデザインギャラリー)を紹介。 iPhoneアプリのデザインをさせていただいたので、その時の注意点などもまじえつつ、参考にしたサイトや書籍を書いておきます。 アプリをデザインする前に読んでおきたい本 モバイルアプリのデザインということで、ディスプレイの小ささ、タッチの難しさなどから、一番にユーザビリティ、ユーザインターフェースを気にしなければ。というところから考えました。 そうなると、ネットの情報だけでは不安です。なので書籍選びからはじめました。 書籍は以下の2点を購入しました。 アプリのデザイン本となると、あまり発刊されていないようですが、以下2冊は非常に役立ったのでオススメです。 デザインをする前に読んでおきたい記事 アプリデザイン時の必要な基礎的な知識、ユーザーインターフェースに関する知
参考にしたい日本人クリエイターのポートフォリオサイト 40
Warning: Use of undefined constant more_link_shrarp_remove - assumed 'more_link_shrarp_remove' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/more_link_sharp_remove/more_link_sharp_remove.php on line 16 Warning: Use of undefined constant ddsg_language - assumed 'ddsg_language' (this will throw an Error in a future version of PHP) in /ho
デザインを学びたい全ての方へ - 海外のデザイン学習リソース200選
「デザインに興味があるのですが、どうやってデザインを学べばいいのでしょう？」という質問は、以前に書かせて頂いた「米国のデザイン教育から学んだこと」という記事に対して一番多かった反響の1つでした。これはデザインの分野があまりに多様なためにどこから手を付けていいのか分かりづらいというのが原因のように思います。 そこで今回は情報全体を俯瞰出来るようにするべく、下記のそれぞれのカテゴリー別に、それぞれ有益なリソースをまとめました。このリストが皆さんのデザイン学習リソースとしてお役立てば幸いです。 海外のデザイン学習リソース 23のカテゴリーOnline Learning（オンライン学習）UI/Web:（ユーザインターフェイス／ウェブ）General（一般）Product（プロダクト）Branding:（ブランディング）Book Cover Design:（ブックカバーデザイン）Design Por
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
20 In Depth Tutorials To Build Your Own Portfolio - Best SEO Companies
役に立つプレゼン資料・企画書が集まったサイト「bikkuri（ビックリ）」
新着記事
配色のセンスをゼロから習得するために役立つスライド
http://webdesignmatome.com/web-tips/design-book
純利益をあげているEコマースTOP100サイトに見る、購入フローの全ステップをキャプチャでおさめたまとめ