スゴイのが登場！Webやスマホページを積み木感覚でデザインできる、日本語対応の無料オンラインツール -STUDIO
国産のツールでは初じゃないでしょうか。 Webサイトやスマホアプリのページデザインを積み木感覚で楽しくデザインできる無料のオンラインサービスを紹介します。 操作が非常に快適で、ちょっと触るだけでもかなり楽しめます。 STUDIO STUDIOは無料で利用できるオンラインサービスで、日本語版と英語版がリリースされています。 ヘッダやフッタ、コンテンツのコンポーネントなどをドラッグ&ドロップでぽんっと配置するだけで、レイアウトを完成させることができます。コーディングのスキルは一切必要ありません。 レイアウトはすべてレスポンシブデザインに対応しており、従来のデザインツールでは表現できない動きやスクロールの再現も可能です。 STUDIOの作例 さっそく使用してみました。 まずは、メールアドレスとパスワードを登録します。
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Sketchを使い倒すための便利プラグイン16選
ここ最近注目を集めているデザインツールといえば、Mac用ベクターグラフィックソフト「Sketch」です。 数年前までは日本ではほとんど知名度はありませんでしたが、Fireworksの開発終了後から徐々に注目が高まり、日本国内でも使用する人が増えています。 Adobe製品と比較すればまだまだ情報量不足のSketchですが、豊富なプラグイン、軽い使い心地などSketchならではの魅力もありデザイナーの間で話題となっているツールです。 今回は、デザイナーなら入れておきたいSketchのプラグインをまとめてご紹介します。 すでにSketchを使い始めている方はもちろん、興味を持っているという方もぜひ参考にしてみてください。 デザイン作業が捗るSketchプラグインまとめ 1.Sketch Palettes https://github.com/andrewfiorillo/sketch-palet
エンジニアのための無料で使えるドローイングツールまとめ | DevelopersIO
今回は、ローチャート、UML、システム構成図、などなどなど、 エンジニアがよく使いそうな図を書くためのツールを紹介したいと思います。 無料でMac/Windowsの両OSで使えるという条件でチョイスしてみました。 (あ、タイトルには「エンジニアのための」と書きましたが、今回紹介するのは別にエンジニア専用のツールではないです（念の為）) 汎用的 とりあえず、色々な図が書けそうなツール Cacoo 【URL】 https://cacoo.com 【特徴】 無料版では25シートまで 無料版での書き出しはPNGのみ だいたい何でも書ける 複数人でチャットしながら1つの図を作成出来る 【メモ】 特に有料版は高機能だと思う 会社で有料アカウントに入っているのであれば、このツールを使う選択肢で良いと思う draw.io 【URL】 https://www.draw.io/ 【特徴】 とりあえず会員登録し
webディレクターだけど、初心者に役立つサイト教える:無題のドキュメント
webディレクターだけど、初心者に役立つサイト教える 【沈黙のWebマーケティング】 1： 以下、＼(^o^)／でVIPがお送りします ：2015/02/06(金) 17:41:24.70 ID:flJZIImcH.net 最近クソみたいなデザインとグッチャグチャのソースコード書いてる ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、 これからサイト作る初心者用にサイトを紹介していく これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ 2： 以下、＼(^o^)／でVIPがお送りします ：2015/02/06(金) 17:42:31.08 ID:flJZIImcH.net まずはドットインストール http://dotinstall.com/ 開発環境の構築方法からプログラミング言語の基礎の基礎を教えてくれる 一回の動画の時間が短く区切られているので使いやすい。 プロからはあまり評判
料金表をわかりやすくデザインするコツ。実例やレスポンシブ対応サンプルも！
2017年10月31日 CSS, Webデザイン, Wordpress サービスを提供しているWebサイトにとって大切なのが、各プラン内容とその料金。複数の選択肢がある場合、その違いがわかりにくかったら、ユーザーを困惑させてしまいます。今回はWebサービスのコンバージョンにも繋がる、わかりやすい料金表の作り方を考えてみたいと思います。 ↑私が10年以上利用している会計ソフト！ 料金表をデザインするときのポイント 1. プランの違いをわかりやすく まずは各プランのサービス内容と料金をわけることから始めましょう。各プランの名前を料金表の先頭において、ひと目でどのプランについてまとめているのかを認識できるようにします。プランをグレードアップするごとにプランの名前もランクが上がるよう命名しましょう。 よくあるプラン名： ブロンズ・シルバー・ゴールド・プラチナ マイクロ・スモール・ミディアム・ラージ
Houzz｜ハウズ｜
新規登録またはログインして続行することにより、Houzz 利用規約およびプライバシーポリシーに同意したものとみなされます。Houzzがマーケティング目的で自分のメールアドレス宛にメールを送信することに同意します。設定から、いつでも停止できます。
【VIP】webディレクターだけど、初心者に役立つサイト教える てんこもり。
1: 以下、＼(^o^)／でVIPがお送りします 投稿日：2015/02/06(金) 17:42:31.05 ID:flJZIImcH 最近クソみたいなデザインとグッチャグチャのソースコード書いてる ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、 これからサイト作る初心者用にサイトを紹介していく これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ
ノンデザイナーでも一定レベルのデザインができるようになる基礎知識・サービスまとめ
ホームページを運営し、改善施策を実行していくなかで、ホームページ内のデザインの微修正や画像の追加が必要になる場面が多々あるのではないでしょうか。 外部や社内のデザイナーに依頼する際は、仕様書を作成して、修正内容を確認して、修正されたら成果物をチェックして、必要があれば再度修正依頼をして…と、ちょっとした修正でも思った以上に工数がかかってしまう場合があります。 そんな時、ちょっとした修正や画像作成であれば自分でできるようになっておくと、上記のような工数を一気に短縮することができます。 今回は、ノンデザイナーでもある程度のレベルのデザインを作成するために役立つ知識やサービスをご紹介します。 1. 【非デザイナー必見！】知っておくべきデザインの基礎法則６つ https://ferret-plus.com/641 デザインは感性によるものが大きいというイメージがあるかもしれませんが、デザインにはい
SVGを使いこなすための便利ツールいろいろ
2015年1月28日 SVG, 便利ツール SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術。高解像度ディスプレイでもくっきりはっきり表示できるので、近年海外サイトを中心に見かける機会が増えてきました。SVGについてはWebクリエイターボックスでも何度か取り上げてきたので、耳にしたことのある方も多いかと思います。今回はそんなSVGを使いこなすための便利なオンラインツールやJavaScriptなどを紹介します。SVGってなんぞや？という方は、過去記事「アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう」をご覧ください！ ↑私が10年以上利用している会計ソフト！ ラスター画像をSVGに変換 Vector Magic Vector MagicはJPEG、GIF、PNG形式の画像をベクター画像に変換し、EPS
次々とセンスある配色パターンを提案してくれるサイト「Coolors」 | ライフハッカー・ジャパン
「Coolors」は次々とセンスある配色パターンを提案してくれるサイトです。スペースキーを押すと、いい感じの配色パターンを次々と生成してくれます。気に入った色は固定しておくとさらにそれに合った色を探してくれるので便利。 以下に使ってみた様子を載せておきます。まずCoolorsへアクセスしましょう。 このようにカラーパレットを生成してくれます。スペースキーを押すとまた違ったパターンを提案してくれますよ。気に入った色をクリックするとロックをかけることができ、その色は次の配色パターンに必ず採用されます。配色パターンを自分で作るのは難しいですよね。ぜひウェブデザインを考える際に配色の参考にお使いください。 Coolors （カメきち）
世界初！ロボットがWEBサイトをデザインするサービス「The Grid」 | Social Design News
2015年は、”クリエイティブにおけるボットソーシング元年”と呼ばれるかもしれない。 先日、ロゴデザインを行ってくれるAIサービス「Tailor」について記事を書いたが、その反響はやはり大きかった。そして、今回紹介するのは、ロボットがWEBサイトを作るサービス「The Grid」だ。 【参考】 ・ロボットがデザインする時代に。50ドルでロゴを作りブランディングするサービス「Tailor」 ユーザは、コードを書く必要もなければ、１枚１枚画像を加工していく必要はない。目的を設定して、画像とテキストをアップロードするだけである。するとThe GridのAIがそれらを分析して、ほんの数分で、素晴らしいサイトを生み出してくれる。 WordPressでサイトを製作すると、平均で18時間ほどかかるようだが、The Gridを使えば、その数百分の１の時間でサイトを作ることができる。また、A/Bテストなども
これは使える！レスポンシブ対応のさまざまなHTMLメールが簡単に作成できる無料のオンラインサービス -BeeFree
ビジネス用のニュース、プロダクトのリリース、プロモーションなど、さまざまなレイアウトのHTMLメールをドラッグ&ドロップで簡単に作成できるオンラインサービスを紹介します。 デスクトップ・スマホ両対応で、プレビューやメールアプリでのテストなど機能も非常に充実しています。日本語もOKでした！ BeeFree 使い方は簡単です。 上記ページの「Let's get started」をクリックし、HTMLメールを作ってみましょう。 ※HTMLメールの作成やファイルのダウンロード時に登録は必要ありません。作成したメールをサーバー上にキープする時だけ登録が必要です。 まずはテンプレートの選択をします。 2カテゴリ各4種類、画像やテキストが仮配置された「Rich Templates」。
ど素人でもプロ並みのチラシが作れてしまう…「Picky-Pics」がデザイナー殺しな件｜まだ仮想通貨持ってないの？
これはいいサービス！助かりますねー。 Picky-Pics（ピッキーピックス） チラシを簡単に作れてしまう 「Picky-Pics（ピッキーピックス）」はチラシや名刺をウェブ上でサクサク作れるウェブサービス。これさえあれば、Photoshopは要りません。デザインセンスも要りません。すばらしい！ 使い方は簡単。作りたい資料を選択して、デザインを選びます。 すると編集画面に移動します。あとは文字や背景を加工していくだけ。 素材は5万点近く用意されているそうです。 直感的に素材を追加できます。 各素材はドラッグすると移動します。簡単！ 編集画面の使い勝手もすばらしく、ピクセル数を合わせやすいガイド機能が実装されています。 フォントも豊富！これは嬉しいですねー。 出力は3パターン。ウェブページにもできるというのは嬉しいですね。 有料素材を使っている場合は、出力にあたって費用が発生します。この値段
メディアづくりの参考になる！ デザインがイケてる海外メディア10選 - メディアの輪郭
メディアづくりを考えるとき、国内のメディアだけでなく、海外メディアに目を通すことで参考になることも多そうです。インスピレーションを得るために、デザインが優れていると思う、海外メディアを10個に絞って簡単に紹介します。 デザイン関係なく、注目の新興メディアを知りたい方は以下の記事も参考になさってください。 海外における新興ウェブメディアの隆盛 〜12のメディアから見えてくるもの〜 1. Narratively 「Narratively（ナラティブリー）」はビジュアルを全面に打ち出したデザインで、トップページも記事ページも見やすく美しいです。このようなビジュアル・ストーリーテリングを発信するメディアやプラットフォームは増えてくると思います。 Narratively | Human stories, boldly told. 2. OZY 「OZY（オージー）」は、ミレニアル世代（主にアメリカに
UXを損ねる最悪なグロースハック
この記事は以下に移転しました。 http://lambda-structure-design.jp/lab/growth-hack-is-bad/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【永久保存版】エンジニア・デザイナー必見！「UI/UX」の基礎が学べるSlideshare30選
Flipsblog.jp
フォント作成に詳しくなくても大丈夫、自分好みのフォントが簡単に作成できてしまうオンラインサービス -metaflop
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
